jQuery 事件绑定
选择器.bind(type,[data],function)
常用的事件及其事件定义及用法
事件 |
定义及用法 |
bind |
为被选元素添加一个或多个时间处理程序,并规定事件发生时运行的函数 |
blur |
当元素失去焦点时会触发该事件 |
focus |
当鼠标点击选中的元素或通过tab键定位到元素时,该元素就会获得焦点 |
load |
通过AJAX请求从服务器加载数据,并把返回的数据放置到指定的元素中 |
resize |
当调整浏览器窗口大小进行计数 |
scroll |
当用户滚动指定的元素时,会触发 |
unload |
当用户离开页面时,会触发 |
click |
点击后触发事件 |
dblcilck |
当双击元素时,会触发时间 |
mousedown |
当鼠标指针移动到元素上方,并按下鼠标按键时,会触发事件, 与click事件不同,mousedown事件仅需要按下,而不需要松开即可发生 |
mouseup |
当在元素上放松鼠标按钮时,会触发事件 |
mousemove |
当鼠标指针在指定的元素中移动时,就会触发事件 |
mouseover |
当鼠标指针位于元素上方时,会触发事件 |
mouseout |
当鼠标指针从元素上移开时,会触发事件 |
mouseenter |
当鼠标指针穿过元素时,回触发事件 与mousemove事件不同,只有在鼠标指针穿过被选元素时,才会触发mouseenter事件。如果鼠标指针穿过任何子元素,同样会触发mouseover事件 |
mouseleave |
当鼠标指针离开元素时,会触发事件 与mouseout事件不同,只有在鼠标指针离开被选元素时,才会触发mouseleave事件。如果鼠标指针离开任何子元素,同样会出发mouseout事件 |
change |
当元素的值发生改变时,会触发事件 |
select |
当textrea或文本类型的input元素中的文本被选择时,会触发事件 |
submit |
当提交表单时会触发事件 |
keydown |
完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开 当按下被按下时,会出发keydown事件 |
keypress |
当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上 |
keyup |
完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开 当按钮被松开时,发生keyup事件,它发生在当前获得焦点的元素上 |
error |
当元素遇到错误(没有正确载入)时,发生error事件 |
转载于:https://www.cnblogs.com/ljknlb/p/6957746.html
jQuery 事件绑定相关推荐
- JQuery事件绑定,bind与on区别
jquery事件绑定 bind:向匹配元素添加一个或多个事件处理器 $(selector).bind("click",data,function); live:向当前或未来的匹配元 ...
- JQuery-学习笔记06【高级——JQuery事件绑定和切换】
Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
- jquery事件绑定和解除绑定bind、unbind、one
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery事件绑定 使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意b ...
- day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
- HTML中详述jQuery事件绑定方式
jQuery事件绑定方式 1.bind()方法: bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下: type表示事件类型,多个事件类型使用空格 ...
- jQuery事件绑定on()、bind()与delegate() 方法详解
啃了一段日子的js相关了,学的过程中发现在jQuery中绑定事件时,有人用bind(),有人用on(),有人用delegate(),还有人用live(),看代码的时候觉得都实现功能了也就掀过去了,只是 ...
- jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
- 1、jquery事件绑定和委托的实现
jQuery的事件绑定和委托可以使用 on().one().bind().live().delegate()等方法实现. 1.on() : 语法:$(selector).on(event,child ...
- jquery事件绑定解绑机制源码分析
引子 为什么Jquery能实现不传回调函数也能解绑事件?如下: $("p").on("click",function(){alert("The par ...
- wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件
事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...
最新文章
- Java基础篇:反射
- 这6种最常见分布式事务解决方案!请拿走不谢!
- Linux 定时执行shell 脚本
- Pycharm 提示:this license * has been cancelled - Python零基础入门教程
- 断开式数据集DataSet 1129
- 2699元!魅族16s Pro现货售罄:将加紧备货
- antd vue form表单 子组件调用父组件的方法没反应_前几天推了Vue,今天给React疯狂打call...
- Android签名打包详解
- JavaSE_集合_Deque
- Java多态的理解,真实开发详解,带编程,通俗白话文,简单易懂
- mysql sql model设置_操作mysql model
- python 图像二值化处理
- 【阿里云生活物联网架构师专题 ⑥】ESP8266接入阿里生活飞燕平台国际版,实现亚马逊Alexa Echo音响语音控制;
- [Chatter] : 以形写神
- webshell检测方式深度剖析---RASP(taint扩展)
- netty-对象池实现Recycler用法测试
- intel realsense获取8位深度图
- 一切免费的大学视频教程,免费空间和网盘
- centos7.5下gmssl安装使用教程
- 珍爱生命,举手之劳__如何优雅的叫优步专车