IE10 - ng-repeat - mousedown - mouseenter
IE10 - ng-repeat - mousedown - mouseenter
我想做的是单击一个元素,然后将鼠标悬停在其他项目上并更改它们的类,它在 chrome 上工作,但在 IE 上不工作。当我查看元素时,我们可以看到在 IE 上 "blocks" 第一个选择的元素,只有第一个改变颜色。
您可以通过显示 IE 控制台进行检查
<input
class="inputOrder input-number–noSpinners" type="number" min="0" max="1"
ng-class="{inputConfirmed:isInputConfirmed(elem),inputSelected:elem.selected}"
ng-disabled="elem.disabled"
ng-mouseenter="evaluateMouseEvent(elem);"
ng-mousedown="selectElem(elem,dayRange2);"
ng-model="elem.value">
</div>
笨蛋:http://plnkr.co/edit/1ATifw29ctpEjYDqoMe7?p=preview
在 chrome,
当我点击第一个项目然后在我们看到的控制台上浏览其他元素(同时仍然点击):
1 2 3
在 IE 上,
我们看到:
1 1 1
添加 prevenDefault() 解决了问题。
ng-mousedown="selectElem(elem,dayRange2,$event);"
在 JS 中:event.preventDefault();
我想做的是单击一个元素,然后将鼠标悬停在其他项目上并更改它们的类,它在 chrome 上工作,但在 IE 上不工作。当我查看元素时,我们可以看到在 IE 上 "blocks" 第一个选择的元素,只有第一个改变颜色。
您可以通过显示 IE 控制台进行检查
<input
class="inputOrder input-number–noSpinners" type="number" min="0" max="1"
ng-class="{inputConfirmed:isInputConfirmed(elem),inputSelected:elem.selected}"
ng-disabled="elem.disabled"
ng-mouseenter="evaluateMouseEvent(elem);"
ng-mousedown="selectElem(elem,dayRange2);"
ng-model="elem.value">
</div>
笨蛋:http://plnkr.co/edit/1ATifw29ctpEjYDqoMe7?p=preview
在 chrome, 当我点击第一个项目然后在我们看到的控制台上浏览其他元素(同时仍然点击):
1 2 3
在 IE 上, 我们看到:
1 1 1
添加 prevenDefault() 解决了问题。
ng-mousedown="selectElem(elem,dayRange2,$event);"
在 JS 中:event.preventDefault();