jQuery事件机制

jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑、事件触发。
简单事件绑定

click(handler)              单击事件
blur(handler)               失去焦点事件
mouseenter(handler)         鼠标进入事件
mouseleave(handler)         鼠标离开事件
dbclick(handler)            双击事件
change(handler)             改变事件,如:文本框值改变,下来列表值改变等
focus(handler)              获得焦点事件
keydown(handler)            键盘按下事件

on方式

$(selector).on("click","span", function() {});

事件解绑

off解绑on方式绑定的事件
// 解绑匹配元素的所有事件
$(selector).off();
// 解绑匹配元素的所有click事件
$(selector).off("click");
// 解绑所有代理的click事件,元素本身的事件不会被解绑 
$(selector).off( "click", "**" ); 

事件触发

$(selector).click();            // 简单事件触发,触发 click事件
$(selector).trigger("click");   // trigger方法触发事件
$(selector).triggerHandler("focus"); // triggerHandler触发 事件响应方法,不触发浏览器行为 比如:文本框获得焦点的默认行为

jQuery事件对象介绍

event.data                  传递给事件处理程序的额外数据
event.currentTarget         等同于this
event.pageX                 鼠标相对于页面左边的位置
event.target                触发事件源,不一定===this
event.stopPropagation();   阻止事件冒泡
event.preventDefault();     阻止默认行为
event.type                  事件类型:click,dbclick…
event.which                 鼠标的按键类型:左1 中2 右3
event.keyCode               键盘按键代码
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为甚嚒要学习jQuery? 因为JS中有很多痛点: window.onload事件只能出现一次,如果出现多次,后面...
    magic_pill阅读 851评论 0 13
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,385评论 0 8
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,556评论 1 11
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,310评论 0 6
  • 很普通的一天。 我下了班,回家。有些饿了,在回去的路上买了一个鸭架吃。春春晚上不回来吃饭,所以我一...
    Summer_d275阅读 281评论 0 0