IE浏览器select标签绑定click事件修改自身属性点击异常
作者是 在线疯狂 发布于 2014年8月6日 在 JavaScript.

IE浏览器select标签绑定click事件，修改自身属性时，点击select弹出下拉列表时会出现异常行为。

例如下面的select标签，绑定click事件，在使用IE浏览器访问时，点击select标签弹出下拉列表后会迅速隐去。使用chrome，firefox等浏览器时正常。

Option 1Option 2Option 3 (onclick) selected value is:

绑定change事件时可正常弹出

Option 1Option 2Option 3 (onchange) selected value is:

JavaScript代码如下：

$(document).ready(function(){
   $("#select-demo-1").on("click",function(){
    var txt = $("#select-demo-1").find("option:selected").text();
    $("#select-demo-1").attr("title",txt);
    $("#val-demo-1").html(txt);
   });
   $("#select-demo-2").on("change",function(){
    var txt = $("#select-demo-2").find("option:selected").text();
    $("#select-demo-2").attr("title",txt);
    $("#val-demo-2").html(txt);
   });
});

本文链接：https://bookshadow.com/weblog/2014/08/06/ie-select-click-event/
请尊重作者的劳动成果，转载请注明出处！书影博客保留对文章的所有权利。