[英]Safari 9 - Label click doesn't fire change event
在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');
});
}
您的代码可在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/-这是证明事实的小提琴。
也许是一些CSS搞砸了?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.