不需要的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

希望這可以幫助你，謝謝。