为了账号安全,请及时绑定邮箱和手机立即绑定
  • focusout事件: 失去焦点时触发如input元素,用户在点击失去焦的时候,如果开发者需要捕获这个动作 方法一:$ele.focusout() 方法二:$ele.focusout( handler ) 方法三:$ele.focusout(参数 [eventData ], handler函数 )
    查看全部
  • focusin事件: 方法一:$ele.focusin() 方法二:$ele.focusin( handler ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 方法三:$ele.focusin( [eventData ], handler ) function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕课网', fn) } a();
    查看全部
  • hover事件: $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
    查看全部
  • mouseover为例: <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件,鼠标在离开p元素,但是没有离开div元素的时候,触发的结果: p元素响应事件 div元素响应事件 这里的问题是div为什么会被触发? 原因就是事件冒泡的问题,p元素触发了mouseover,他会一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就会被触发 所以在这种情况下面,jQuery推荐我们使用 mouseenter事件
    查看全部
  • mouseenter事件和mouseover的区别:(个人感觉) mouseenter事件感觉只冒泡一次,只触发自身,然后父元素不会被触发 mouseover:多次冒泡,触发自身,但父元素和自身都会冒泡
    查看全部
  • mousemove事件: 方法一:$ele.mousemove() 方法二:$ele.mousemove( handler(eventObject) ) 方法三:$ele.mousemove( [eventData ], handler(eventObject) )
    查看全部
  • 方法一:$ele.mousedown() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少 方法二:$ele.mousedown( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 方法三:$ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 示例: <div id="test">点击触发<div> $("#test").mousedown(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 });
    查看全部
  • click与dbclick事件: 方法一:$ele.click() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二:$ele.click( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了,方法中的this是指向了绑定事件的元素 方法三:$ele.click( [eventData ], handler(eventObject) ) ("#test").click(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 });
    查看全部
  • 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码: $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • 元素触发了mouseover,他会一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就会被触发 mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    查看全部
  • $('body').on('click', 'a', function(e)是委托机制 在点击a这个元素时 事件向上传递(冒泡) 直到与第二个参数相等 事件被消费 并产生回调函数 就这个函数 当然直接绑定a标签效果也是一样 内部实现不同 但是如果a标签的祖父级要拿到a标签的点击事件或者a标签的内容就可以用这个函数 和js 的事件监听一样 addEventListener(function(){},false)
    查看全部
    0 采集 收起 来源:on()的高级用法

    2017-11-05

  • 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    查看全部
  • 看到现在已经完全忘了js原码的事件写法了...
    查看全部
  • 这其实是一个问题,可惜今天的提问名额用光了... function mydata(e) { $(".right a").html('进入之后的显示'+'mouseover事件触发次数:' + (++n) + '<br/> 传入数据为 :'+ e.data) 如题,jQuery事件篇2-3的示例中,mydata函数是在mouseover事件触发后调用的吗,如果是这样,为什么该函数会自动调用,是因为参数e的缘故吗
    查看全部

举报

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

微信扫码,参与3人拼团

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

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