常见的两种事件监听
当元素不是动态添加的时候,我们可以直接选用下面两种中任意一种
$('#item').on('click',function() {
$(this).html("修改html");
})
$("#item").click(function(){
$(this).html("修改html");
})
其中click可以换成其他事件例如hover等,用法类似。
全局监听事件
当元素是通过js动态添加的时候,很多人都会告诉你,让你在添加元素的时候重新绑定下事件,其实不然。我们可以用下面的方法进行全局监听。
$(document).on("click", "#item", function() {
$(this).html("修改html");
});
这个方法的底层原理是通过全局监听document的变化,而不是直接去监听元素,所以当元素动态添加的时候,事件监听依然有效,与vue的全局监听同理。
写在最后
文章到这里就已经结束了,希望对大家有所帮助,转载请标明出处。