事件处理程序未在 IE 9 中调用

Question

我正在尝试将事件处理程序添加到 select 框中包含的 option 元素。相关代码如下：

$(document).ready(function(){

    $('.custom_select_option_1').mousedown(function(event){
        event.preventDefault();
        var opt= event.target;
        var scroll_offset= opt.parentElement.scrollTop;
        opt.selected= !opt.selected;
        opt.parentElement.scrollTop= scroll_offset;
        update_selections(opt.parentElement);
    });
    $('.custom_select_option_1').mousemove(function(event){
        event.preventDefault();
    });
});

我的代码在 Chrome 中运行良好，但在 IE-9 中调用默认事件处理程序。

我如何调整此代码以使其在 IE-9 中工作？

Answer 1

遗憾的是，Internet Explorer 不支持选项元素的 mousedown 事件。

可以找到它支持的事件列表 here。要在 IE 中执行此操作，您必须使用 <option> 和 <select> 之外的其他类型的元素来实现自己的 select 框 JS/CSS。

我建议使用 <ul> 和 <li>。

事件处理程序未在 IE 9 中调用

Event Handlers not being invoked in IE 9

javascript

dom

event-handling

internet-explorer-9