Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как узнать куда кликнули при blur (https://javascript.ru/forum/events/30757-kak-uznat-kuda-kliknuli-pri-blur.html)

kolyan1983 14.08.2012 17:17

Как узнать куда кликнули при blur
 
Есть элемент (<input type="text" />). К нему привязано событие onblur. Кто нибудь знает как кроссбраузерно получить данные об элементе по которому кликнули в обработчике этого события onblur ?

Dim@ 14.08.2012 17:25

kolyan1983,
легко
<script type="text/javascript">
document.i = 0;
function blu(e){
 if (document.i != 5){return;}
 var e = e || window.event;
 var target = e.target || e.srcElement;
 alert(target);
}
document.onclick = blu;
</script>
<div>Щелкни по мне</div>
<input type="text" onblur="document.i = 5;" onfocus="document.i = 0;">

Aetae 14.08.2012 17:37

<div>Щелкни по мне</div>
<input type="text" onblur="alert(event.explicitOriginalTarget || event.toElement)">

Первое ff, второе ie.
Хз, как в других браузерах, лень смотреть.)

Dim@ 14.08.2012 17:41

Aetae,
у меня при клике на див - [object HTMLDivElement]
у тебя [object Text], а вообще интересно какими браузерами поддерживается?

Aetae 14.08.2012 17:49

Цитата:

Сообщение от Dim@ (Сообщение 197548)
Aetae,
у меня при клике на див - [object HTMLDivElement]
у тебя [object Text],

[object Text] - точнее.:p

Вообще в любом случае твой вариант лучше ибо универсальнее.)
Цитата:

Сообщение от Dim@ (Сообщение 197548)
а вообще интересно какими браузерами поддерживается?

Только ради тебя проверил в хроме - не работает.)

Dim@ 14.08.2012 17:58

Aetae,
Цитата:

Сообщение от Aetae
[object Text] - точнее.:p

:lol:
Цитата:

Сообщение от Aetae
Вообще в любом случае твой вариант лучше ибо универсальнее.)

:lol:
Цитата:

Сообщение от Aetae
Только ради тебя проверил в хроме - не работает.)

ну блин через месяц - два будет поддерживать гораздо свыше того что сейчас так что это не проблема :)

kolyan1983 14.08.2012 18:10

В контексте моей задачи не тот ни другой вариант не работает/не подходит. Хотелось бы узнать возможно ли в принципе как то так для всех браузеров:

$('#element').blur(function(event){

var clickedElementClass = ...

});

Dim@ 14.08.2012 18:21

kolyan1983,
вы что тупой? - простите не могу сдерживаться когда хрень говорят :)
мой вариант и вариант Aetae
вполне подходят :)
<script type="text/javascript">
function your_function(target){//ваша функция принимающая элемент
  alert(target.getAttribute("id"));
}
document.i = 0;
function blu(e){
 if (document.i != 5){return;}
 var e = e || window.event;
 var target = e.target || e.srcElement;
 your_function(target);//вызывайте свою функцию с тем элементом (который вам нужен)
//и там получайте его свойства
}
document.onclick = blu;
</script>
<div id="Это ид дива по которому ты щелкнул">Щелкни по мне что бы вызвалась твоя функция которая алертит мой ид</div>
<input type="text" onblur="document.i = 5;" onfocus="document.i = 0;">

ваш вариант сделать нельзя ибо с блур-а вы сможете получить только тот же элемент на котором блур произошел
возможно в будущем такое будет можно так сделать :)

Dim@ 14.08.2012 18:23

kolyan1983,
и так можно получить все свойства ;)

kolyan1983 14.08.2012 18:24

Не говорят хрень, а спрашивают. Спрашивают потому что тупо не знают. Оба варианта не подходят потому что придётся переписывать кучу стороннего кода jquery плагинов.


Часовой пояс GMT +3, время: 14:04.