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

时间:2015-02-05 14:39:08

标签: javascript html css angularjs

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

问题:Checkbox div具有ng-click,只有在单击方框时才会触发,但如果我在IE11版本11.0.9600.16428中单击它旁边的文本,它也会被触发。

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

示例代码链接:(请在Chrome& IE11中运行此代码)

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

我也在github

中提出了问题

1 个答案:

答案 0 :(得分:0)

这只是预期的行为,因为您使用了for="k"。 for属性将定位id="k",每当您点击标签时,它都会使用您在id="k"属性中提到的for焦点元素。

从标签中删除属性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

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