jQuery - 自定义事件 ¶

• 作者：KK

• 发表日期：2017.4.11

我们可以给DOM对象自己定义自己的事件，而不必总是局限在click、mouseover、mousemove等这些跟鼠标相关的事件

<button type="button" id="aa">按钮1</button>
<button type="button" id="bb">按钮2</button>
<script src="http://www.kkh86.com/js/jquery-1.11.1.min.js"></script>
<script>
//定义一个叫abc的事件
$('#aa').on('abc', function(){
	alert('自定义事件abc被触发了');
});

$('#bb').on('click', function(){
	$('#aa').trigger('abc');   //通过trigger方法触发了abc事件
});

//或者这样
setTimeout(function(){
	$('#aa').trigger('abc');   //页面加载完5秒后自动触发abc事件
}, 5000);
</script>

不过这种需求用得并不多，一般是封装插件的时候会用上，比如Bootstrap3的模态框事件