选择器.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 事件绑定相关推荐

  1. JQuery事件绑定,bind与on区别

    jquery事件绑定 bind:向匹配元素添加一个或多个事件处理器 $(selector).bind("click",data,function); live:向当前或未来的匹配元 ...

  2. JQuery-学习笔记06【高级——JQuery事件绑定和切换】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  3. jquery事件绑定和解除绑定bind、unbind、one

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery事件绑定 使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意b ...

  4. day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定

    回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...

  5. HTML中详述jQuery事件绑定方式

    jQuery事件绑定方式 1.bind()方法: bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下: type表示事件类型,多个事件类型使用空格 ...

  6. jQuery事件绑定on()、bind()与delegate() 方法详解

    啃了一段日子的js相关了,学的过程中发现在jQuery中绑定事件时,有人用bind(),有人用on(),有人用delegate(),还有人用live(),看代码的时候觉得都实现功能了也就掀过去了,只是 ...

  7. jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象

    事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...

  8. 1、jquery事件绑定和委托的实现

    jQuery的事件绑定和委托可以使用 on().one().bind().live().delegate()等方法实现. 1.on()  : 语法:$(selector).on(event,child ...

  9. jquery事件绑定解绑机制源码分析

    引子 为什么Jquery能实现不传回调函数也能解绑事件?如下: $("p").on("click",function(){alert("The par ...

  10. wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件

    事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...

最新文章

  1. Java基础篇:反射
  2. 这6种最常见分布式事务解决方案!请拿走不谢!
  3. Linux 定时执行shell 脚本
  4. Pycharm 提示:this license * has been cancelled - Python零基础入门教程
  5. 断开式数据集DataSet 1129
  6. 2699元!魅族16s Pro现货售罄:将加紧备货
  7. antd vue form表单 子组件调用父组件的方法没反应_前几天推了Vue,今天给React疯狂打call...
  8. Android签名打包详解
  9. JavaSE_集合_Deque
  10. Java多态的理解,真实开发详解,带编程,通俗白话文,简单易懂
  11. mysql sql model设置_操作mysql model
  12. python 图像二值化处理
  13. 【阿里云生活物联网架构师专题 ⑥】ESP8266接入阿里生活飞燕平台国际版,实现亚马逊Alexa Echo音响语音控制;
  14. [Chatter] : 以形写神
  15. webshell检测方式深度剖析---RASP(taint扩展)
  16. netty-对象池实现Recycler用法测试
  17. intel realsense获取8位深度图
  18. 一切免费的大学视频教程,免费空间和网盘
  19. centos7.5下gmssl安装使用教程
  20. 珍爱生命,举手之劳__如何优雅的叫优步专车

热门文章

  1. opencv 使用命令行参数法显示图片
  2. Java 摄氏和华氏之间的转换
  3. C语言 整型变量的输入和输出
  4. python Appium安装及环境配置 mitmproxy安装配置
  5. PhotoFiltre Studio X中文版
  6. window用ssh连接本机虚拟机中的ubuntu
  7. 禁止Html5在手机上屏幕页面缩放
  8. 介绍下重绘和回流(Repaint Reflow),以及如何进行优化
  9. ContrainedBox:设置尺寸
  10. OO_Unit2_多线程电梯