`
cakin24
  • 浏览: 1396332 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jQuery中的事件

阅读更多
只有页面加载显然是不够的,程序在其他的时候也需要完成某个任务。
比如鼠标单击(onclick)事件,敲击键盘(onkeypress)事件以及失去焦点(onblur)事件等。
在不同的浏览器中事件名称是不同的,例如在IE中的事件名称大部分都含有on,如onkeypress()事件,但是在火狐浏览器却没有这个事件名称。
jQuery帮助我们统一了所有事件的名称。jQuery中的事件如下表所示。
方法 说明
blur() 触发元素的blur事件
blur(fn) 在每一个匹配元素的blur事件中绑定一个处理函数,在元素失去焦点时触发,既可以是鼠标行为也可以是使用Tab键离开的行为
change() 触发元素的change事件
change(fn) 在每一个匹配元素的change事件中绑定一个处理函数,在元素的值改变并失去焦点时触发
chick() 触发元素的chick事件
click(fn) 在每一个匹配元素的click事件中绑定一个处理函数,在元素上单击时触发
dblclick() 触发元素的dblclick事件
dblclick(fn) 在每一个匹配元素的dblclick事件中绑定一个处理函数,在某个元素上双击触发
error() 触发元素的error事件
error(fn) 在每一个匹配元素的error事件中绑定一个处理函数,当JavaSprict发生错误时,会触发error()事件
focus() 触发元素的focus事件
focus(fn) 在每一个匹配元素的focus事件中绑定一个处理函数,当匹配的元素获得焦点时触,通过鼠标点击或者Tab键触发
keydown() 触发元素的keydown事件
keydown(fn) 在每一个匹配元素的keydown事件中绑定一个处理函数,当键盘按下时触发
keyup() 触发元素的keyup 事件
keyup(fn) 在每一个匹配元素的keyup事件中绑定一个处理函数,会在按键释放时触发
keypress() 触发元素的keypress事件
keypress(fn) 在每一个匹配元素的keypress事件中绑定一个处理函数,敲击按键时触发(即按下并抬起同一个按键)
load(fn) 在每一个匹配元素的load事件中绑定一个处理函数,匹配的元素内容完全加载完毕后触发
mousedown(fn) 在每一个匹配元素的mousedown事件中绑定一个处理函数,鼠标在元素上点击后触发
mousemove(fn) 在每一个匹配元素的mousemove事件中绑定一个处理函数,鼠标在元素上移动时触发
mouseout(fn) 在每一个匹配元素的mouseout事件中绑定一个处理函数,鼠标从元素上离开时触发
mouseover(fn) 在每一个匹配元素的mouseover事件中绑定一个处理函数,鼠标移入对象时触发
mouseup(fn) 在每一个匹配元素的mouseup事件中绑定一个处理函数,鼠标点击对象释放时
resize(fn) 在每一个匹配元素的resize事件中绑定一个处理函数,当文档窗口改变大小时触发
scroll(fn) 在每一个匹配元素的scroll事件中绑定一个处理函数,当滚动条发生变化时触发
select() 触发元素的select()事件
select(fn) 在每一个匹配元素的select事件中绑定一个处理函数,当用户在文本框(包括inputtextarea)选中某段文本时触发
submit() 触发元素的submit事件
submit(fn) 在每一个匹配元素的submit事件中绑定一个处理函数,表单提交时触发
unload(fn) 在每一个匹配元素的unload事件中绑定一个处理函数,在元素卸载时触发该事件
<wiz_tmp_tag id="wiz-table-range-border" style="display: block; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; z-index: 105;">
这些都是对应的jQuery事件,和传统的JavaScript中的事件几乎相同,只是名称不同。方法中的fn参数,表示一个函数,事件处理程序就写在这个函数中。
1
0
分享到:
评论

相关推荐

    jQuery中事件与动画的总结分享

    本文主要对jQuery中事件和动画的操作进行了总结和分享。 首先,介绍的是jQuery中关于DOM加载完成的事件处理。在传统的JavaScript编程中,window.onload事件只能定义一次,而jQuery提供的$(function(){})在文档的DOM...

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    jquery鼠标滚轮事件

    在本文中,我们将深入探讨jQuery中关于鼠标滚轮事件的知识点。 首先,让我们了解什么是鼠标滚轮事件。在Web开发中,鼠标滚轮事件是当用户滚动鼠标滚轮时触发的事件。这些事件包括`wheel`,这是HTML5新增的标准事件...

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

    jQuery历史事件时间轴插件.rar|jQuery历史事件时间轴插件.rar

    jQuery历史事件时间轴插件;jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件

    jquery效果事件

    三、jQuery事件 1. 基本事件绑定:jQuery提供了`.on()`方法来绑定事件。例如,`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时,执行匿名函数内的代码。 2. 鼠标事件:常见...

    jquery监听鼠标滚轮事件+js监听滚轮事件

    为了捕捉这一行为并根据需要做出响应,开发者通常会使用JavaScript或jQuery来监听滚轮事件。本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一...

    为jQuery添加自定义事件机制

    自定义事件在jQuery中可以通过`$.fn.extend`方法来实现。`$.fn.extend`允许我们向jQuery对象添加新的方法,这些方法可以用来触发或绑定自定义事件。下面是一个简单的例子: ```javascript $.fn.extend({ ...

    jQuery1.12.4+jQuery中文手册.rar

    在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...

    jQuery带事件记录的多功能日历

    在这款日历插件中,jQuery扮演了核心的角色,为事件记录、日历展示等功能提供了便利的API和方法。 日历插件的事件记录功能是其核心亮点。用户可以方便地在任何日期上添加事件,无论是会议、约会还是简单的待办事项...

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jQuery Mobile事件参考手册.zip_jQuery Mobile事件参考手册

    该手册详细阐述了jQuery Mobile中的各种事件,帮助开发者更好地理解和利用这些事件来提升用户体验和交互性。 jQuery Mobile的事件可以分为两类:页面生命周期事件和用户交互事件。页面生命周期事件主要与页面加载、...

    jquery 中文帮助文档

    jQuery生态系统中有很多插件,它们扩展了jQuery的功能,比如表单验证插件jQuery Validate,轮播图插件jQuery Carousel,弹出框插件jQuery UI Dialog等。这些插件通常通过`$.fn.extend()`方法与jQuery集成。 **...

    jquery中的事件

    jquery中的事件

    jquery鼠标滚轮事件支持插件

    在给定的“jquery鼠标滚轮事件支持插件”中,我们关注的是如何利用jQuery扩展来处理鼠标的滚轮事件。这个插件允许开发者监听和响应用户滚动鼠标的滚轮,从而在网页上实现更加动态和交互的功能。 标题中的“jquery...

    jquery快速学三(事件与动画)

    通过以上对jQuery事件处理和动画效果的讲解,相信你已经对这两个主题有了全面的理解。结合实际的HTML文档,不断练习和探索,你将能熟练运用jQuery,提升网页交互体验。在实践中,不断学习,持续进步,是成为优秀的...

Global site tag (gtag.js) - Google Analytics