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();