没错,这又是一片水文,所以废话少说:
当使用select的时候,我们都会使用到change事件去获取用户改变后的值,基本就是这样:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select class="myselect">
<option class="option1" value="value1">text1</option>
<option class="option2" value="value2">text2</option>
</select>
</body>
<script>
document.querySelector(".myselect").onchange = function(e) {
console.log(document.querySelector(".myselect").value);
}
</script>
</html>
所以,我想提示的是:什么时候触发 select 事件,还会因浏览器而异。在 IE9+、Opera、Firefox、Chrome
和 Safari 中,只有用户选择了文本(而且要释放鼠标),才会触发 select 事件。而在 IE8 及更早版本中只要用户选择了一个字母(不必释放鼠标),就会触发 select 事件。
好的。所以兼容的时候,使用jq还是好的