事件编程-jQuery

 时间:2024-10-31 00:21:00

1、常用事件:•blur(fn):当失去焦点时触发•change(fn):当状态改变时触发•click(fn):当点击时触发•dblclick(fn):当双击时触发•focus(fn):当获取焦点时触发•keydown(fn):当键盘按下时触发•keyup(fn):当键盘弹起时触发•keypress(fn):当键盘按下时触发•load(fn):与ready方法类似,当页面载入完毕后触发•unload(fn):当页面关闭时触发•mousedown(fn):当鼠标按下时(鼠标左键)触发•mouseup(fn):当鼠标弹起时(鼠标左键)触发•mousemove(fn):当鼠标移动时触发•mouseover(fn):当鼠标悬浮时触发•mouseout(fn):当鼠标离开时触发•resize(fn):当窗口大小改变时触发•scroll(fn):当滚动条滚动时触发•select(fn):当文本框的文本选中时触发•submit(fn):当表单提交时触发示例代码:例1:为元素绑定click事件

事件编程-jQuery

2、例2:为元素绑定mouseover与mouseout事件运行结果:

事件编程-jQuery
事件编程-jQuery

3、事件切换1)hover(over,out):鼠标悬浮与鼠标离开事件参数说明:over:鼠标悬浮事件out:鼠标离开事件示例代码:

事件编程-jQuery

4、toggle(fn,fn…):点击切换事件当第一次单击时,触发第一个fn事件处理程序当第二次单击时,触发第二个fn事件处理程序当第三次单击时,触发第一个fn事件处理程序…参数说明:fn:事件的处理程序示例代码:

事件编程-jQuery

5、事件绑定1)bind(type,[data],fn) :为元素的某个事件绑定相关的事件处理程序参数说明:type:事件的类型,不带’on’前缀,如click,mouseover,mouseout[data]:可选参数,代表事件发生时所传递的数据(了解)fn:事件的处理程序2)bind({type:fn,type:fn}):一次为元素绑定多个事件处理程序,要求参数是一个json对象参数说明:type:事件的类型fn:事件的处理程序3)one(type,[data],fn) :为元素进行一次绑定,只触发一次参数说明:type:事件类型[data]:可选参数,代表事件发生时所传递的数据(了解)fn:事件的处理程序4)unbind([type]) :移除事件绑定参数说明:type:要移除的事件类型,如果不写代表移除所有事件示例代码:例1:使用bind方法为元素绑定相关事件

事件编程-jQuery

6、例2:一次为元素绑定多个事件

事件编程-jQuery

7、例3:使用one方法为元素进行一次绑定

事件编程-jQuery

8、例4:使用unbind方法移除事件在原生Javascript代码中,移除事件必须有一个前提:在进行事件绑定时,其事件处理程序必须是一个有名函数,这一点在jQuery可以不需要指定。

事件编程-jQuery
事件编程-jQuery

9、事件绑定中的this在原生Javascript代码中,存在一个特殊的关键词this,其随着运行环境的不同其指向也是不同的:① 在行内绑定中,this指向全局的window对象② 在动态绑定中,this指向当前正在操作的dom对象③ 在事件监听中,IE内核浏览器下,this指向全局window对象,W3C内核浏览器下,指向当前正在操作的dom对象在jQuery中,其调整了事件监听中关键词this的指向,统一更改为指向当前正在操作的dom对象。示例代码:

事件编程-jQuery

10、默认行为在HTML中,有些HTML标签具有自己的默认行为。如a超级链接标签,单击后可以自动跳转到指定的url页面;如submit提交按钮,单击后自动提交表单数据到服务器端。但是大多数情况下,默认行为也是需要禁止的。在原生Javascript代码中,有两种方式禁止默认行为:1)IE内核的浏览器window.event.returnValue = false;2)W3C内核的浏览器dom对象.事件 = function(event) {event.preventDefault();}在jQuery中,其调整了兼容性问题,统一更改为:event.preventDefault()就可以实现对默认行为的禁止。

事件编程-jQuery
  • 事件编程Javascript
  • jQuery对事件的支持
  • 如何使用jQuery进行编程
  • javascript如何使用oncut事件?
  • jQuery语言的事件一
  • 热门搜索
    关于春节手抄报 黑白手抄报 世界地球日手抄报 读书手抄报内容资料 抗击疫情的手抄报 劳动手抄报简单一等奖 有关春节的手抄报 手抄报图片大全6年级 国庆节手抄报简单好看 关于母爱的手抄报