为了账号安全,请及时绑定邮箱和手机立即绑定
  • on()的高级用法 针对自己处理机制中,不仅有on方法,还有根据on演变出来的live方法,deletegate方法等等,这些方法的底层实现部分还是on方法,这是利用on的另一个事件机制委托的机制衍变而来的 委托机制 .on(events,[selector],[data]), handler(eventObject)
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-11-21

  • jQuery表单事件之select事件: 当textarea或文本类型的input元素中的文本被选择时,会发生select事件。 故select事件只能用于<input>元素与<textarea>元素。
    查看全部
  • jQuery表单事件之change事件: input元素:失去焦点后出发change事件;对于单选框和复选框,鼠标做出选择时,该事件立即触发; select元素:用户鼠标做出选择时,该事件立即触发; textarea元素:当有改变时,失去焦点后出发change事件。
    查看全部
  • mouseenter时间和mouseover的区别:关键点就是冒泡的方式处理问题
    查看全部
  • $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移动的X位置:' + e.pageX) }) 可现实鼠标在内容的x轴坐标
    查看全部
  • 今天编码的时候发现了一个之前没有注意到的小问题。this的jQuery对象是$(this)而不是$("this")。
    查看全部
  • keypress事件与keydown和keyup的主要区别 只能捕获单个字符,不能捕获组合键 无法响应系统功能键(如delete,backspace) 不区分小键盘和主键盘的数字字符 keypress主要用来接收字母、数字等ANSI字符
    查看全部
  • jQuery中blur与focus的本质区别是:是否支持冒泡处理 focus()在元素本身产生,focusin()在元素包含的元素中产生 blur与focusout也亦是如此 focusin和focusout支持冒泡处理,而blur和focus不支持冒泡处理。
    查看全部
  • 方法一:$ele.focusout() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少 <div id="test">点击触发<div> $("ele").focusout(function(){ alert('触发指定事件') }) $("#test").mouseup(function(){ $("ele").focusout() //指定触发事件 }); 方法二:$ele.focusout( handler ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#test").focusout(function() { //this指向 div元素 }); 方法三:$ele.focusout( [eventData ], handler ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").focusout(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });
    查看全部
  • 方法一:$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.date => 11111 传递数据 });
    查看全部
  • $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
    查看全部
  • 用交互操作中,经常需要知道用户操作鼠标是否有移到元素内部或是元素外部,因此jQuery提供了一个mouseenter和mouseleave的快捷方法可以监听用户移动到内部的操作 使用上非常简单,三种参数传递方式与mouseover和mouseout是一模一样的,所以这里不再重复,主要讲讲区别,下面以mouseenter为例: mouseenter JavaScript事件是Internet Explorer专有的。由于该事件在平时很有用,jQuery的模拟这一事件,以便它可用于所有浏览器。该事件在鼠标移入到元素上时被触发。任何HTML元素都可以接受此事件。 mouseenter事件和mouseover的区别 关键点就是:冒泡的方式处理问题 简单的例子: mouseover为例: <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件,鼠标在离开p元素,但是没有离开div元素的时候,触发的结果: p元素响应事件 div元素响应事件 这里的问题是div为什么会被触发? 原因就是事件冒泡的问题,p元素触发了mouseover,他会一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就会被触发 所以在这种情况下面,jQuery推荐我们使用 mouseenter事件 mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发
    查看全部
  • keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所有对于此事件类型表弟元素是最合适的
    查看全部
  • 通过<form>元素上绑定submit事件,开发者可以监听到用户的提交表单的行为 具体能触发submit事件的行为 <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时,敲击enter(回车键) form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为传统的方式是调用事件对象 e.preventDefault()来处理,jQuery中可以直接在函数中最后结尾return false即可
    查看全部
  • 当textarea或文本类型的input元素中的文本被选择时,会发生select事件 这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为
    查看全部

举报

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

微信扫码,参与3人拼团

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

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