为了账号安全,请及时绑定邮箱和手机立即绑定
  • 当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件 使用上非常简单: 方法一:$ele.focusin() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,一般用的比较少 <div id="test">点击触发<div> $("ele").focusin(function(){ alert('触发指定事件') }) $("#test").mouseup(function(){ $("ele").focusin() //指定触发事件 }); 方法二:$ele.focusin( handler ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#test").focusin(function() { //this指向 div元素 }); 方法三:$ele.focusin( [eventData ], handler ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").focusin(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 })
    查看全部
  • mouseover、mouseout:不会阻止事件冒泡;mouseenter、mouseleave:会阻止事件冒泡. hover()这个方法里头封装的是mouseenter(), mouseleave()两个方法, 可以阻止冒泡问题. 这个方法可以用来改变样式, 比如鼠标移入div变色, 移出回到以前的颜色. 相当于css中的div:hover, 但是:hover很多的浏览器对a:hover支持还不错, 对div:hover, ul:hover支持有点差, 特别是ie6,ie7这些较低的版本. 用jquery可以解决兼容性,代码量比js要少很多, 可以专注在逻辑业务上. $(selector).hover(function(){函数1},function(){函数2})
    查看全部
  • 1,叠加是因为i和n都在自增; 2,冒泡跟函数传参不是一回事,mouseenter是只对自己进行移出,他的父元素对这个移出不接收,例如上面p在div内,p和div如果都有mouseover的话,你从上到下划过应该是进入div,div就是一次,进入p了,p算一次,div也算一次,这个就是冒泡了,但是如果p是mouseenter,进入p,就只算p一次,不会冒泡给DIV也算一次. 3,mouseenter不会产生冒泡事件.所以不存在冒泡事件与事件相同. 4,mouseover只有移入效果,2.6的例子上如第一个P的计数,你只有移入p的时候他才计算,你移出他p本身不计数.
    查看全部
  • jQuery鼠标事件之mouseover与mouseout事件 $("div").mouseover(function(){......}) // 鼠标移入div区域的时候触发 $("div").mouseout(function(){......}) // 鼠标移出div区域的时候触发 $("div").mouseover(1111,function(e){......}) // 鼠标移入div区域的时候触发,并传入参数 $("div").mouseout(1111,function(e){......}) // 鼠标移出div区域的时候触发,并传入参数
    查看全部
  • mousemove事件触发需要以下几点: mousemove事件是当鼠标指针移动时触发的,即使是一个像素 如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重的性能问题
    查看全部
  • A.this 与 $(this) 的区别: 1.jq 是在 js 的基础上编写的,所以在 jq 中可以直接使用 js 的所有语法、内嵌函数、对象等,反之不行; 2.this 是 js 的用法, 而 $(this) 是 jq 的用法; 3.在 jq 中只使用 元素对象中的对象参数,或者 js 方法时,直接使用 this.属性 或 this.方法(); 4.在 jq 中使用 jq 的方法,则必须将 this 所指向的对象(此时此对象为 js对象 )转化成为 jq 对象,所以必须用 $(this) 将对象进行转化; 5.在 js 中不能使用 $(this). B.如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作次元素上的一个 mousedown事件 和 一个mouseup事件 C.任何鼠标按钮被按下时都能触发 mousedown事件 和 mouseup事件 D.用event 对象的which区别按键( event.which ) 1:鼠标左键 2:鼠标右键 3:鼠标滚轮键 E. click事件 其实是由 mousedown 和 mouseup 2个动作构成,所以点击的动作只有在松手后才触发
    查看全部
  • 方法一:$ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 方法二:$ele.click( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了,方法中的this是指向了绑定事件的元素 方法三:$ele.click( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 click事件触发需要以下几点: click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发 dblclick事件触发需要以下几点: dblclick又是由2个click叠加而来的,所以dblclick事件只有在满足以下条件的情况下才能被触发 鼠标指针在元素里面时点击。 鼠标指针在元素里面时释放。 鼠标指针在元素里面时再次点击,点击间隔时间,是系统而定。 鼠标指针在元素里面时再次释放。 在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个 click 事件 ,而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度
    查看全部
  • 除了 trigger triggerHandler 其他的事件都是三种使用方式: 1. 直接调用,触发事件: $ele.click() 2. 绑定回调函数: $ele.click( handler(eventObject) ) $("#test").click(function() { //this指向 div元素 }); 3. 绑定回调函数并传递 event.data 数据: $ele.click( [eventData ], handler(eventObject) ) $("#test").click(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });
    查看全部
  • event.type:获取事件的类型 event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 event.preventDefault() 方法:阻止默认行为 event.stopPropagation() 方法:阻止事件冒泡 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 :1 2 3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;
    查看全部
  • event.target代表当前触发事件的元素
    查看全部
  • 删除事件 $('elem').off("事件1 事件2..."); 快捷删除所有事件(无参) $('elem').off();
    查看全部
  • 加了第二个参数选择器: $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • 1. 基本用法 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 2.多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 3.多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} });
    查看全部
  • 不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。
    查看全部
  • keypress事件与keydown和keyup的主要区别 只能捕获单个字符,不能捕获组合键 无法响应系统功能键(如delete,backspace) 不区分小键盘和主键盘的数字字符
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!