jQuery事件方法整理

1.bind(): 向被选中元素绑定事件处理程序,和当事件发生时运行的函数,1.7版本后为 on()live() 添加一个或多个事件处理程序到当前或未来的被选元素,1.9版本后被移除,改用 on()
2.blur(): 当元素失去焦点时触发的事件 ,常与focus() 元素获得焦点时触发的事件一起使用;
3.event.currentTarget属性: 当前DOM元素,通常等于this;
4.event.data属性: 如下所示,对每个 p 元素返回通过 on() 方法传递的数据:

$("p").each(function(i){
    $(this).on("click",{x:i},function(event){
        alert("序号:" + $(this).index() + ". 段落的数据为: " + event.data.x);
        //序号:1  数据号:0
        //序号:2  数据号:1
        //序号:3  数据号:2
        //.............
    });
}); 

5.event.preventDefault(): 阻止元素发生默认的行为。例如:当点击提交按钮时阻止对表单的提交、阻止a标签的href属性自动提交URL 的链接。而event.isDefaultPrevented() 是检查指定的事件上是否调用了 preventDefault() 方法;
6.event.stopImmediatePropagation(): 阻止此方法下的所有事件处理程序被执行。而event.isImmediatePropagationStopped() 方法检查指定的事件上是否调用了 event.stopImmediatePropagation() 方法;
7.event.stopPropagation(): 阻止事件冒泡到父元素,阻止任何被选定元素的父元素的事件处理程序被执行。而event.isPropagationStopped() 方法检查指定的事件上是否调用了 event.stopPropagation()。如果被调用则该方法返回 true,否则返回 false。
8.event.namespace属性: 当事件被触发时,event.namespace 属性返回自定义命名空间。
9.event.pageX和event.pageY属性: 返回鼠标指针当前所在的位置,相对于文档的左边缘。
10.event.relatedTarget属性: 返回鼠标进入或退出当前的元素。
11.event.result属性: 返回最后一次事件处理程序返回的值:
12.event.target属性: 返回那个DOM元素触发了事件。
13.event.which属性: 返回指定事件上哪个键盘键或鼠标按钮被按下。
14.event.timeStamp属性: 返回返回鼠标左键第一次按下到最后一次抬起所消耗的毫秒数。
15.event.type属性: 返回那种事件类型被触发。
16.event.metakey属性: 返回一个布尔值(true 或 false)表示事件触发时那个 META 键是否被按下。
17.focusin(): 当元素或其内任意元素获得焦点时触发。focusout() 元素或其内任意元素失去焦点时触发。
18.hover(): 当鼠标指针悬停在被选元素上时要运行的两个函数。方法触发 mouseenter 和 mouseleave 事件。
19.keydown (): 键按下的过程,keypress() 键被按下,keyup() - 键被松开。
20.mousedown() 按下鼠标左键;
mouseenter() 鼠标指针穿过(进入)被选元素;
mouseleave() 鼠标指针离开被选元素;
mousemove() 鼠标指针在指定的元素中移动;
mouseout() 鼠标指针离开被选元素;
mouseover() 鼠标指针位于元素上方;
mouseup() 松开鼠标左键。
21.off(): 移除通过on添加的事件处理程序。
22.one(): 方法为被选元素添加一个或多个事件处理程序,每个元素只能运行一次事件处理程序函数。
23.resize() 调整窗口大小时触发;
24.scroll(): 当用户滚动指定的元素时,会发生 scroll 事件;
25.select(): 当 textarea 或文本类型的 input 元素中的文本被选择(标记)时,会发生 select 事件.
26.trigger(): 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。
27.triggerHandler(): 方法触发被选元素上指定的事件。与 trigger() 方法相比的不同之处:

  • 它不会引起事件(比如表单提交)的默认行为
  • .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
  • 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
    28.$.holdReady(): 函数用于暂停或恢复.ready() 事件的执行。参数true是恢复,false是禁止。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值