IE中的select选项不能使用onmouseover事件 [英] can not use onmouseover event on select option in IE

问题描述

更新代码：

function getElements()
  {
  var x=document.getElementsByTagName("option");

var el = document.getElementById('selectDept');
el.onmouseover = function( myevent ) {
   // event = event || window.event.srcElement;
if(myevent && myevent.target){
    if ( myevent.target.tagName.toLowerCase() == 'option' ) {
        alert(myevent.target.innerHTML);
    }
}
else if(window.event)
{
   if ( window.event.srcElement.tagName.toLowerCase() != 'select' ) {
        alert('s');
    }

}
};

但仍无法在IE中使用。

but still not work in IE.

推荐答案

你不能在整个select上设置mouseover事件处理程序，并且如果目标是一个选项元素，则定位事件属性，执行X操作吗？

Can't you still set a mouseover event handler on the whole select, and target the event property if the target is an option element, do X action?

var el = document.getElementById('foo')
el.onmouseover = function( event ) {
    event = event || window.event;
    var target = event.target ? event.target : event.srcElement;
    if ( target.nodeName.toLowerCase() === 'option' ) {
        alert('option');
    }
}

更新代码：

http://jsbin.com/olusi

这篇关于IE中的select选项不能使用onmouseover事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！