关闭

JQuery(三)事件

199人阅读 评论(0) 收藏 举报
分类:

click::单击事件

dbclick:双击事件


mousedown:鼠标按下事件

mouseup:鼠标抬起事件

mousemove:鼠标移动事件

mouseover:鼠标移动到事件

mouseout:鼠标移除事件


mouseenter:

mouseleave:

mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发

hover:鼠标移进事件,鼠标移出事件

focusin:聚集焦点事件

focusout:失去焦点事件


blur:聚集焦点,不支持冒泡

foucus:失去焦点,不支持冒泡


change:监听改变的动作

select:选中事件


submit:提交事件。返回值为false表示不阻止页面跳转。


keydown:按下键盘事件

keyup:松开键盘事件

keypress:键盘敲击事件。对中文支持不好,不能响应系统功能键


on:绑定多事件。例如:$("#elem").on('click',function(){})

off:卸载绑定事件。



jQuery事件对象的属性和方法:

event.type:获取事件类型

event.pageX和event.pageY:获取鼠标当前相对于页面的坐标

event.preventDefault:阻止默认行为

event.stopPropagation:阻止事件冒泡

event.which:获取在鼠标单击时,单击的是鼠标的哪一键

event.currentTarget:在事件冒泡过程中的当前DOM元素







0
0
查看评论

双击事件和三击事件

传承者(Inheritors)欢迎各位纠正错误,评论,吐槽!!!双击事件xml <Button android:id="@+id/button1" android:layout_width="wrap_content" ...
  • wqewq19
  • wqewq19
  • 2016-01-17 08:38
  • 189

初识Jquery(三)Jquery事件

绑定事件 $(function(){ $("#head li").mouseover(function(){ $(this).addClass("current");//鼠标移入 }); $("#head...
  • cherry_xiu
  • cherry_xiu
  • 2018-01-10 23:30
  • 10

jQuery学习笔记(三)_ jQuery事件

jQuery事件事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。jQuery事件格式jQuery事件的触发方式千篇一律,可总结为以下:$("选择器").要触发的事件名称(function(){ $("某元素").对当前元素实现效果所...
  • qq_38242407
  • qq_38242407
  • 2017-09-24 20:19
  • 130

jQuery 事件篇(三)

一   键盘事件 1 keydown()和keyup()事件 jQuery使用keydown()和keyup()来监听键盘按下与松开的动作。 使用方法统计本事件参数保持一致,即$ele.keydown(eventData,handler)。需要注意...
  • qq_36192099
  • qq_36192099
  • 2018-02-08 17:52
  • 52

Jquery之事件(三)

一、鼠标事件 A、click()监听用户单击操作,dbclick()监听用户双击操作 B、mousedown和mouseup事件 这两者的用法和click方法一样,三种形式。 Click是由mousedown和mouseup两个事件构成的。 C、mousemove 监听用户移动...
  • lululul123
  • lululul123
  • 2017-03-17 19:28
  • 292

jquery学习三(事件)

learnjQuery-4 .bgred{ background: pink; } .white { color: #fff; } .test_height { height: 30px; border: 10px solid red; pad...
  • u012514606
  • u012514606
  • 2015-01-16 15:08
  • 298

jQuery 事件 (三)

jQuery 事件方法 事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。 触发实例: $("button#demo").click() 上面的例子将触发 id="demo" 的 but...
  • yewuqing007
  • yewuqing007
  • 2011-08-05 11:26
  • 230

jQuery学习(三)事件

3.1:在页面加载完成后执行任务   3.1.1代码执行的时机选择 $(document).ready()是jQuery中响应javaScript内置的onload事件,并执行任务的一种典型方式。虽然$(document).ready()和onload具有类似的效果,但是在出发操作的...
  • zndxlxm
  • zndxlxm
  • 2012-08-13 17:35
  • 2027

jQuery学习(三) 事件

像一般的JS代码一样,可以嵌入在html的head中,也可以独立出来成为一个JS文件 如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 基本语法 当按钮的点击事件被触发时会调用一个函数: $("...
  • guodengh
  • guodengh
  • 2013-04-18 19:46
  • 491

jQuery事件大全(真的很全)

Dom: Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"})...
  • tanga842428
  • tanga842428
  • 2016-09-21 20:36
  • 1239
    个人资料
    • 访问:20525次
    • 积分:1283
    • 等级:
    • 排名:千里之外
    • 原创:110篇
    • 转载:1篇
    • 译文:0篇
    • 评论:2条
    最新评论