Форум

gearique · #1 (**permalink**) 11.06.2013, 17:49

Два дня уже ищу не могу найти Подскажите пожалуйста такую конструкцию, в которой указываешь название элементов, на которых не делать блур.

BaVa · #2 (**permalink**) 11.06.2013, 22:41

если я правильно понял, то можно сделать примерно так:

<!doctype html> 
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(".one").on("click", function() { // подключаем событие для всех элементов с классом one
		$(this).css({backgroundColor: "#f80"});
	});
	$(".two").off("click"); // отключаем событие для элемента с классом two
});
</script>
</head>
<body>
	<div class="one">
		one
	</div>
	<div class="one two">
		two
	</div>
	<div class="one">
		three
	</div>
</body>
</html>

gearique · #3 (**permalink**) 12.06.2013, 00:31

Как бы всё гораздо сложнее...

Фокус у меня находится на инпуте, так вот при клике на кнопку, которая рядом с этим инпутом я хочу выполнять одно действие, а просто при блюре инпута- другие.

vadim5june · #4 (**permalink**) 12.06.2013, 00:55

<!DOCTYPE html>
<html>
<input onblur=f()><button onmousedown=f1()>click</button>
<script>
var a=0;
function f(){if(a)alert(11);else alert(444);a=0};
function f1(){a=1};
</script>

gearique · #5 (**permalink**) 12.06.2013, 01:02

Я пробовал такую конструкцию- она не работает: сначала срабатывает блюр у эллемента, а клик на кнопку уже после. вот такие дела.

vadim5june · #6 (**permalink**) 12.06.2013, 01:05

Сообщение от gearique

Я пробовал такую конструкцию- она не работает: сначала срабатывает блюр у эллемента, а клик на кнопку уже после. вот такие дела.

это если click использовать а если mousedown как я использовал то все правильно срабатывает

gearique · #7 (**permalink**) 12.06.2013, 01:37

Ааа... но этот способ тоже не подходит, т.к. mousedown не подходит для планшетов.

devote · #8 (**permalink**) 12.06.2013, 02:33

gearique,
я вот все никак не могу понять что конкретно вы хотите получить... Я так понимаю обработать клик до того как сработает событие блюр? Дык это не возможно, ибо клик всегда будет срабатывать позже.

<input /><button>click</button>
<script>
    document.addEventListener('blur', function(e) {
        if (e.target.nodeName === 'INPUT') {
            document.body.appendChild(document.createTextNode('blur|'));
        }
    }, true);
    document.querySelector('button').addEventListener('click', function(e) {
        document.body.appendChild(document.createTextNode('click|'));
    }, false);
</script>

vadim5june · #9 (**permalink**) 12.06.2013, 09:12

Сообщение от gearique

Ааа... но этот способ тоже не подходит, т.к. mousedown не подходит для планшетов.

<!DOCTYPE html>
<html>
<input onblur=f()><button onclick=f1() >click</button>
<script>
var a=0;
function f(){setTimeout(function(){if(a)alert('click');else alert('blur');a=0},400)};
function f1(){a=1;};
</script>

gearique · #10 (**permalink**) 13.06.2013, 04:09

Спасибо! Работает!
Немного подправил и работает... выложить функцию, может кому пригодиться?

Форум

Справочник

Discord чат

Курсы javascript