Форум

LeD4eG · #1 (**permalink**) 13.07.2012, 18:54

Добрый вечер!
Для определения источника события использую следующий код:

function funcName(event){
   var event = (event)? event : window.event,
        target = (event.target)? event.target : event.srcElement;
}

Далее по коду провожу манипуляции с источником события. И проблем не возник в Chrome 20, Opera 12,Safari 5, IE7-9. Однако, Mozilla 13 отличилась и выдаёт в консоль, что target underfined.
Не могли бы вы подсказать почему наблюдается такое поведение и как его избежать?

Заранее благодарен!

cyber · #2 (**permalink**) 13.07.2012, 20:23

ваш код можно сократить

var e = event || window.event;
var target = e && e.target || event.scrElement

.
откуда вы вызывает функцию(больше кода покажите)?

Раед · #3 (**permalink**) 13.07.2012, 22:07

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

ваш код можно сократить

var e = event || window.event;
var target = e && e.target || event.scrElement

Не-а

var target = event ? event.target : window.event.srcElement;

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

Однако, Mozilla 13 отличилась и выдаёт в консоль, что target underfined.

А у меня всё работает. Попробуйте:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<script type="text/javascript">
document.onclick = function(event) {
 var target = event ? event.target : window.event.srcElement;
 alert(target.tagName);
};
</script>
</head><body>
<div>div</div>
<span>span</span><br>
<font>font</font>
</body></html>

cyber · #4 (**permalink**) 13.07.2012, 22:22

Сообщение от Раед

Не-а

var target = event ? event.target : window.event.srcElement;

А у меня всё работает. Попробуйте:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<script type="text/javascript">
document.onclick = function(event) {
 var target = event ? event.target : window.event.srcElement;
 alert(target.tagName);
};
</script>
</head><body>
<div>div</div>
<span>span</span><br>
<font>font</font>
</body></html>

ну тогда может так

var target = e&&e.target || event.srcElement;

Раед · #5 (**permalink**) 14.07.2012, 00:21

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

var target = e&&e.target || event.srcElement;

Да, тоже вариант

LeD4eG · #6 (**permalink**) 14.07.2012, 00:57

Функция вызывается из addEventListener. так в остальных-то браузерах работает. мне не понятно почему в Firefox данная проблема возникла.
Пысы: Спасибо за советы по сокращению.

Раед · #7 (**permalink**) 14.07.2012, 13:42

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<script type="text/javascript">
document.addEventListener('click', function(event) {
 var target = event ? event.target : window.event.srcElement;
 alert(target.tagName);
}, false);
</script>
</head><body>
<div>div</div>
<span>span</span><br>
<font>font</font>
</body></html>

Всё работает

LeD4eG · #8 (**permalink**) 14.07.2012, 15:44

Раед, я также обескуражен.

var elementLink = document.getElementById("elementID");
if(elementLink.addEventListener){
   elementLink.addEventListener("mousedown", funcName);
} else {
   elementLink.attachEvent("onmousedown", funcName);
}
function funcName(event){
    var event = (event)? event : window.event;
    var target = (event.target)? event.target : event.srcElement;
    //так как источник события изображение
    var oldSrc = target.src;
    ..........
}

Работает везде, кроме Mozilla 13 (target - underfined)

Раед · #9 (**permalink**) 14.07.2012, 17:21

LeD4eG,
HTML покажите

LeD4eG · #10 (**permalink**) 15.07.2012, 12:05

событие возникает в блоке при наведении

<a href="#"><img src="..."/></a>

Форум

Справочник

Discord чат

Курсы javascript