javascript - onchange() 在 Firefox 中未触发

Question

这是 jsfiddle:http://jsfiddle.net/xpkFf/330/ 如果您打开对话框，输入用户名和密码，按下按钮并收到 Firefox 的“记住我的密码”提示，则当您第一次从下拉列表中选择选项时，如果单击下拉列表导致出现提示，则 onchange 将不起作用解雇。有人知道解决办法吗？

编辑:Jsfiddle 似乎已关闭，如果有人可以重现我的问题，这里有一个 jsbin http://jsbin.com/wecasehanu/1/

HTML

 <div id="dialog">
        <form autocomplete="off">
            <input id="username" type="text"/>
            <input id="password" type="password"/>
            <button type="submit" style="height:30px;width:30px;"/>
        </form>
    </div>
    <a href="#" id="open">Open dialog</a>
    <select id="ih8ff">
        <option>1</option>
        <option>2</option>
    </select>

Javascript

$('#open').click(function() {
    $('#dialog').dialog('open');

});

$('#ih8ff').change(function(){
alert("changed");
});

$('#dialog').dialog({
    autoOpen: false,
    modal: false
});

Answer 1

改用输入。 Chrome 和 Safari 处理更改的方式与 Firefox 不同。但是，input 事件的处理方式相同。

$('#open').click(function() {
    $('#dialog').dialog('open');

});

$('#ih8ff').on("input change",function(){
alert("changed");
});

$('#dialog').dialog({
    autoOpen: false,
    modal: false
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="dialog">
        <form autocomplete="off">
            <input id="username" type="text"/>
            <input id="password" type="password"/>
            <button type="submit" style="height:30px;width:30px;"/>
        </form>
    </div>
    <a href="#" id="open">Open dialog</a>
    <select id="ih8ff">
        <option>1</option>
        <option>2</option>
    </select>