为了账号安全,请及时绑定邮箱和手机立即绑定
  • focus与blur事件:不支持冒泡,focusin与focusout支持冒泡 focus与blur在元素本身产生,focusin与focusout在元素包含的元素中产生
    查看全部
  • 哦,那不是阻止往上冒泡的话,意思是给body里面的a设置点击事件,,那左边的代码应该就是给div里面的p添加click事件喽
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-10-25

  • 就是阻止事件继续往上冒呗
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-10-25

  • 当点击第一个 button 时,会触发第一个按钮的 click事件,function 参数中的 bottonName, 如果存在bottonName,则bootonName=bottonName,否则,bottonName=first 此时还未定义(undefined),所以在执行"或"语句时,将 'first'这个字符串赋给bottonName,继续执行 update()函数。第一个参数为第一个 span对象,第二个参数为第二个 span对象,第三个参数的内容此时为 'first'。 在update函数中,将第一个span的文本设置为 'first',将第二个span的文本转换为整型,基数为10(这个10不懂看看转换整型那节),计数器n自加 1,并赋给第二个 span的文本。
    查看全部
  • on()的高级用法 针对自己处理机制中,不仅有on方法,还有根据on演变出来的live方法(1.7后去掉了),delegate方法等等。这些方法的底层实现部分 还是on方法,这是利用了on的另一个事件机制委托的机制衍变而来的 委托机制 在on的第二参数中提供了一个selector选择器,简单的来描述下 参考下面3层结构 给出如下代码:
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-10-25

  • 觉得event是实际的触发事件的元素,而this是给哪个元素绑定了事件,结合这个例子 event是li,this是ul
    查看全部
  • 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法:.on( events ,[ selector ] ,[ data ] ) 最常见的给元素绑定一个点击事件,对比一下快捷方式与on方式的不同 最大的不同点就是on是可以自定义事件名,当然不仅仅只是如何,继续往下看 多个事件绑定同一个函数 通过空格分离,传递不同的事件名,可以同时绑定多个事件 多个事件绑定不同函数 通过空格分离,传递不同的事件名,可以同时绑定多个事件,每一个事件执行自己的回调方法 将数据传递到处理程序 可以通过第二参数(对象),当一个事件被触发时,要传递给事件处理函数的 以上都是on方法基本用法,具体可以参考下右边的代码的一些使用
    查看全部
  • 在input元素上绑定keydown事件会发现一个问题: keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本 当浏览器捕获键盘输入时,还提供了一个keypress的响应,这个跟keydown是非常相似,这里使用请参考keydown这一节,具体说说不同点 keypress事件与keydown和keyup的主要区别 只能捕获单个字符,不能捕获组合键 无法响应系统功能键(如delete,backspace) 不区分小键盘和主键盘的数字字符 总而言之, KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。
    查看全部
  • e.target和this一样的????
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-10-25

  • <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码: $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • 鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听 keydown事件: 当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它。使用上非常简单,与基本事件参数处理保持一致,这里使用不在重复了,列出使用的方法 keyup事件: 当用户在一个元素上第一次松手键盘上的键的时候,就会触发它。使用方法与keydown是一致的只是触发的条件是方法的 注意: keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
    查看全部
  • 和keydown不一样,keyPress不是按下按键就马上反应的,是等到下一个按键按下才显示的.即获取的是之前的输入。
    查看全部
  • 提交表单是一个最常见的业务需求,比如用户注册,一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作 使用上非常简单,与基本事件参数处理保持一致 方法一:$ele.submit() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 方法二:$ele.submit( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 方法三:$ele.submit( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 通过在<form>元素上绑定submit事件,开发者可以监听到用户的提交表单的的行为 具体能触发submit事件的行为: <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时,敲击Enter(回车键) 上述这些操作下,都可以截获submit事件。 这里需要特别注意: jQuery处理如下:
    查看全部
  • <form action="______">这里面的地址就是提交之后页面跳转的地址。
    查看全部
  • 当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 使用上非常简单: 方法一:.select() 触发元素的select事件: 方法二:$ele.select( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 方法三:$ele.select( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    查看全部

举报

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

微信扫码,参与3人拼团

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

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