js多选框被选中触发的事件_javascript多选框的触发过程详解这篇⽂章主要介绍了javascript 中select框触发事件过程的分析的相关资料，这⾥对select 触发过程进⾏了深⼊分析，帮助⼤家理解这部分内容，需要的朋友可以参考下
javascript 中select框触发事件过程的分析
我们书写了mousedown，mouseup，click，input，change，focus，blur，keydowm，keydown事件绑定到了select上⾯，模拟客户选择相关事件的触发流程：
最后发现，触发的过程基本上⼀样，如果没有选择或者选择的是当前显⽰的option的话，不会触发change事件，只有在选择不同的option 时候才会触发change事件。下⾯是选择了不同的option后触发事件的截图：
我们可以发现，做出改变了可以触发input事件和change事件，⽽如果没有改变或者下拉出现了直接点击 别的地⽅，则不会促发这两个事件：
附上代码：
Title
1
2
3
4
5
console.log("focus");
});
console.log("mousedown");
});
blur事件ElementById("input").addEventListener("mouseup",function () {
console.log("mouseup");
});
console.log("input");
});
console.log("change");
});
console.log("blur");
});
});
});
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。