jquery对javascript事件的封装一览

描述 jquery javascript
鼠标点击某个对象 click() onclick
 鼠标双击某个对象 dblclick() ondblclick
元素获得焦点 focus() onfocus
元素失去焦点 blur() onblur
 用户改变域的内容 change() onchange
某个键盘的键被按下 keydown() onkeydown
某个键盘的键被按下或按住 keypress() onkeypress
某个键盘的键被松开 keyup() onkeyup
某个页面或图像被完成加载 load() onload
用户退出页面 unload()  onunload
某个鼠标按键被按下 mousedown() onmousedown
鼠标被移动 mousemove() onmousemove
鼠标从某元素移开 mouseout() onmouseout
鼠标被移到某元素之上
mouseover()【触发子元素有效】

mouseenter()/mouseleave()

onmouseover
某个鼠标按键被松开 mouseup() onmouseup
窗口或框架被调整尺寸 resize() onresize
文本被选定 select() onselect
提交按钮被点击 submit() onsubmit
元素滚动条在滚动 scroll() onscroll 

当加载文档或图像时

发生某个错误

 error()  onerror
时间: 2024-10-01 04:07:00

jquery对javascript事件的封装一览的相关文章

JavaScript事件委托原理及Jquery中的事件委托

概念 事件委托,通俗来说就是将元素的事件委托给它的父级或者更外级元素处理. 事件流 事件流描述的是从页面中接收事件的顺序. 事件冒泡:事件开始由最具体的元素接收,然后逐级向上传播到较为不具体的节点(或文档). 事件捕获:事件开始由不太具体的节点接收,然后逐级向下传播到最具体的节点.它与事件冒泡是个相反的过程. DOM2级事件规定的事件流包括三个阶段: 事件捕获 目标阶段 事件冒泡 原理 事件委托就是利用事件冒泡机制实现的. 假设有一个列表,要求点击列表项弹出对应字段. <ul id="my

JavaScript和JQuery中的事件\委托链\事件冒泡\事件捕获,兼容所有浏览器

有做过北大青鸟培训讲师经验的我,如今在一家公司做技术部经理的职位,发现有很多程序员的基本功相当糟糕,在组织企业内部培训时讲解了一些案例,总结了一些经典代码,希望对自己和有需要的人提供一些帮助吧: JavaScript版本: DOM0事件不支持委托链 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="C

JavaScript 事件托付 以及jQuery对事件托付的支持

在我的另外一篇文章 解析Javascript事件冒泡机制里的最后,从冒泡机制的角度谈了一点对Javascript 事件托付的理解.如今单独把事件托付 拿出来和大家探讨一下. 什么是托付? 所谓的托付,现实意义上讲是指将自己的事务嘱托他人代为处理.比方说甲托付乙去做某些事儿,那么,甲则是托付人,乙是被托付人. 真正做事情的是乙,即被托付人,而托付人甲 则是把对应的信息传递给被托付人乙.自己本该做的事情交给了乙来做.例如以下图这个样例: 那么在我们javascript 里,什么是事件托付呢? 事件托

jQuery 的ready事件和 JavaScript 的load事件对比

为了理解2个事件的异同,先了解一下HTML文档加载顺序 HTML DOM文档加载步骤 HTML DOM文档加载是按顺序执行的,这与浏览器的渲染方式有关,一般浏览器渲染操作的顺序大致按如下几个步骤 1, 解析HTML结构 2,加载外部脚本和样式表文件 3,解析并执行脚本代码 4,构造HTML DOM模型 5,加载图片等外部文件 6,页面加载完毕 执行时机 load 事件必须等到页面中所有内容全部加载完毕之后,才被执行,如果一个页面中包含了大数据的多媒体文件,则就会出现页面文档已经呈现出来,二由于网

javascript事件委托和jQuery事件绑定on、off 和one

一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生.而在jQuery 中,我们通过事件冒泡的特性,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行相关处理即可.如果一个企业级应用做报表处理,表格有2000 行,每一行都有一个按钮处理.如果用之前的.bind()处理,那么就需要绑定2000 个事件,就好比2000 个学生同时站在学校门口等快递,不断会堵塞路口,还会

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s

javascript移动设备Web开发中对touch事件的封装实例

在触屏设备上,一些比较基础的手势都需要通过对 touch 事件进行二次封装才能实现.zepto 是移动端上使用率比较高的一个类库,但是其 touch 模块模拟出来的一些事件存在一些兼容性问题,如 tap 事件在某些安卓设备上存在事件穿透的 bug,其他类型的事件也或多或少的存在一些兼容性问题. 于是乎,干脆自己动手对这些常用的手势事件进行了封装,由于没有太多真实的设备来进行测试,可能存在一些兼容性问题,下面的代码也只是在 iOS 7.Andorid 4 上的一些比较常见的浏览器中测试通过. ta

javascript事件之:jQuery事件中Data数据结构

之前我们模拟过jQuery的自定义事件,数据是直接绑定在元素上面.但我们知道,那样容易引起内存泄露.我们看看jQuery是如何做到的. 其实,jQuery的事件是基于Data开发的,其核心的三个方法add(), remove()和trigger()都是和Data对象在打交道.让我们来剖析jQeury事件的核心:Data数据结构. 首先在jQuery源码中把其console出来. 1 jQuery.event = { 2 3 global: {}, 4 5 add: function( elem,

javascript将DOM事件处理程序封装为event.js 出现的低级错误记录

将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven