Question

我在代码下方：

HTML：

<div id="wrap">
    <select id="menu_One">
        <option>Menu One 1</option>
        <option>Menu One 2</option>
        <option>Menu One 3</option>
        <option>Menu One 4</option>
        <option>Menu One 5</option>
    </select>
    <br> <br>  <br>  <br>  <br>  <br>
    <div id="onMouserRover"></div>
    <div id="onClickEvent"></div>
</div>

JS：

var select_two = "<select id='menu_Two'>";
select_two += "<option>Menu Two 1</option>";
select_two += "<option>Menu Two 2</option>";
select_two += "<option>Menu Two 3</option>";
select_two += "<option>Menu Two 4</option>";
select_two += "</select>";

var eDeviceSelectId = document.getElementById("menu_One");
var device = eDeviceSelectId.options[eDeviceSelectId.selectedIndex].value;
var div1 = document.getElementById('onMouserRover');
var div2 = document.getElementById('onClickEvent');

/* Item selected event listener */
eDeviceSelectId.addEventListener('change', function (event) {
    device = eDeviceSelectId.options[eDeviceSelectId.selectedIndex].value;
    div2.innerHTML = device;
}, false);

setInterval(function () {
    device = eDeviceSelectId.options[eDeviceSelectId.selectedIndex].value;
    div1.innerHTML = device;
}, 2000);

小提琴： http://jsfiddle.net/kaushal98/8v7tw9ty/3/

当计时器运行时，Firefox会根据鼠标悬停自动更新eDeviceSelectId.selectedIndex而不点击，即如果您只是按住下拉项目。这在Chrome中不会发生。

有没有解决这个问题？即只有在释放鼠标后才能在Firefox中更新索引。

由于

更新1：为什么它不是重复的问题！

我不认为这是一个重复的问题。即使重复的链接肯定有一些相关性，但没有答案可以解决我的问题。例如这是一个修改过的另一个小提琴（基于重复链接中链接的小提琴）在FF中运行。我正在使用FF 34。 http://jsfiddle.net/kaushal98/BRLT9/52/

当计时器到期时，无论鼠标悬停在什么下拉选项上，都会打印它的值。这不会发生在Chrome中。只有在您点击该项目然后释放鼠标后，Chrome才会更新该值。

仅在FireFox中选择HTML标记错误

0 个答案: