锋利的JQuery(二)

最新推荐文章于 2020-02-13 22:07:50 发布

原创最新推荐文章于 2020-02-13 22:07:50 发布 · 120 阅读

CC 4.0 BY-SA版权

6 篇文章

订阅专栏

bind(event_type,[.data],function)

Bind方法有三个参数：

	1.event_type:事件类型，包括:blur,focus、、、、、

	2.[.data]:可选参数，作为event.data属性值传递给事件对象的额外数据对象

	3.function：用来绑定的处理函数

在使用bind方法为操作绑定事件时，原理和addEventListener类似，可以多次绑定而不覆盖

在bind方法内部有一个关键字this，其代表相应的DOM元素(可以使用$(this)将其转换成为JQuery对象)

	1.type属性：捕获到的事件类型

	2.preventDefault():阻止默认的时间行为

	3.stopPropagation():阻止事件冒泡

	4.target属性：获取到触发事件的元素
	
	5.pageX和pageY：获取光标的x、y坐标

自定义事件：

	$('#btn').bind('myClick',function () {
		...
	})

使用trigger来触发：

	$('#btn').trigger('myClick')

注意：trigger还可以触发原生事件：click、blur等等