Safari 9 - 标签点击不会触发更改事件

Question

在 Safari 9 上，通过标签更改单选按钮不会触发警报。您知道原因或解决方法吗？

HTML

<input id="star-1" type="radio" name="question[1]" value="1" required>
<label for="star-1" title="stella 1">
    <i class="active fa fa-star" aria-hidden="true"></i>
</label>
<input id="star-2" type="radio" name="question[1]" value="2" required>
<label for="star-2" title="stella 2">
    <i class="active fa fa-star" aria-hidden="true"></i>
</label>

JS

var inputRadio = document.querySelectorAll('input[type="radio"]');
for (var i = 0; i < inputRadio.length; i++) {
    inputRadio[i].addEventListener('change', function() {
        alert('ciao');
    });
}

Answer 1

您的代码在 Safari 9 中有效：

var inputRadio = document.querySelectorAll('input[type="radio"]');
for (var i = 0; i < inputRadio.length; i++) {
  inputRadio[i].addEventListener('change', function() {
    alert('ciao');
  });
}

http://jsfiddle.net/dbmk9xL8/1/ - 这里有一个 fiddle 来证明。

也许是某些 CSS 搞砸了？

Safari 9 - 标签点击不会触发更改事件

Safari 9 - Label click doesn't fire change event

javascript

mobile-safari