只有页面加载显然是不够的,程序在其他的时候也需要完成某个任务。
比如鼠标单击(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事件中绑定一个处理函数,当用户在文本框(包括input和textarea)选中某段文本时触发 |
submit() | 触发元素的submit事件 |
submit(fn) | 在每一个匹配元素的submit事件中绑定一个处理函数,表单提交时触发 |
unload(fn) | 在每一个匹配元素的unload事件中绑定一个处理函数,在元素卸载时触发该事件 |
相关推荐
本文主要对jQuery中事件和动画的操作进行了总结和分享。 首先,介绍的是jQuery中关于DOM加载完成的事件处理。在传统的JavaScript编程中,window.onload事件只能定义一次,而jQuery提供的$(function(){})在文档的DOM...
jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...
在本文中,我们将深入探讨jQuery中关于鼠标滚轮事件的知识点。 首先,让我们了解什么是鼠标滚轮事件。在Web开发中,鼠标滚轮事件是当用户滚动鼠标滚轮时触发的事件。这些事件包括`wheel`,这是HTML5新增的标准事件...
**jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...
jQuery历史事件时间轴插件;jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件
三、jQuery事件 1. 基本事件绑定:jQuery提供了`.on()`方法来绑定事件。例如,`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时,执行匿名函数内的代码。 2. 鼠标事件:常见...
为了捕捉这一行为并根据需要做出响应,开发者通常会使用JavaScript或jQuery来监听滚轮事件。本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一...
自定义事件在jQuery中可以通过`$.fn.extend`方法来实现。`$.fn.extend`允许我们向jQuery对象添加新的方法,这些方法可以用来触发或绑定自定义事件。下面是一个简单的例子: ```javascript $.fn.extend({ ...
在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...
在这款日历插件中,jQuery扮演了核心的角色,为事件记录、日历展示等功能提供了便利的API和方法。 日历插件的事件记录功能是其核心亮点。用户可以方便地在任何日期上添加事件,无论是会议、约会还是简单的待办事项...
jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示
该手册详细阐述了jQuery Mobile中的各种事件,帮助开发者更好地理解和利用这些事件来提升用户体验和交互性。 jQuery Mobile的事件可以分为两类:页面生命周期事件和用户交互事件。页面生命周期事件主要与页面加载、...
jQuery生态系统中有很多插件,它们扩展了jQuery的功能,比如表单验证插件jQuery Validate,轮播图插件jQuery Carousel,弹出框插件jQuery UI Dialog等。这些插件通常通过`$.fn.extend()`方法与jQuery集成。 **...
jquery中的事件
在给定的“jquery鼠标滚轮事件支持插件”中,我们关注的是如何利用jQuery扩展来处理鼠标的滚轮事件。这个插件允许开发者监听和响应用户滚动鼠标的滚轮,从而在网页上实现更加动态和交互的功能。 标题中的“jquery...
通过以上对jQuery事件处理和动画效果的讲解,相信你已经对这两个主题有了全面的理解。结合实际的HTML文档,不断练习和探索,你将能熟练运用jQuery,提升网页交互体验。在实践中,不断学习,持续进步,是成为优秀的...