不需要的ngClick在IE11浏览器中被触发

Question

我们编写了自定义的复选框，其中包含正方形和标签的div。

问题：复选框div有ng-click，只能在方框中单击时触发，但如果在IE11版本11.0.9600.16428中单击其旁边的Text，它也会被触发。

我们的实现在Chrome和Mozilla中运行良好，但在IE11中执行时出现上述问题。

示例代码的链接：（请运行在Chrome & IE11这个代码）

http://jsbin.com/luzogucasi/5/edit?html,js,output 请帮助。

我也提出了问题github

Answer 1

，这只是预期的行为，因为你使用for="k"。 for属性将以id="k"为目标，并且每当您单击标签时，它将会将您在for属性中提到的id="k"的元素聚焦在元素上。

从标签中删除属性for="k"将适用于每个浏览器。

HTML

<div> 
    <div id="k" ng-click="userClicked()" class="disp"> 

     <div class="check-no"></div> 
     <div class="check-yes" ng-show="checked"></div> 

    </div> 
    <label class="disp label"> 
     {{checkText}} 
    </label> 
</div> 

注意

这不是角相关的问题

JS BIN

希望这可以帮助你，谢谢。