为了账号安全,请及时绑定邮箱和手机立即绑定
  • 简单的说页面加载完成时候页面显示的元素(DOM节点已全部加载完)可以用 on , 也可以用click ,

    但是在页面加载完成之后后期再追加元素(DOM节点元素还没完全显示出来)只能用on


    查看全部
  • 多个事件绑定同一个函数

    $("#elem").on("mouseover mouseout",function(){ });

    多个事件绑定不同函数

    $("#elem").on({
        mouseover:function(){},  
        mouseout:function(){}
    });


    查看全部
  • KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。

    查看全部
  • jquery 中bind()和 on()的区别

    bind()函数是jQuery 1.7之前或更早版本采用的一个用来绑定事件处理程序的函数;on()函数是jQuery 1.7版本提供的首选的用来绑定事件处理程序的函数;从1.7版本的介绍以及参数描述来看,其实这两个函数基本上用法一致,但可能在早期的版本中,bind()函数一次只能为标签对象绑定一个事件的处理程序,而on()函数则可以一次为多个不同的事件绑定处理程序。

    bind(event,fn)

    该方法只能给绑定元素添加事件 on()不适用第二个参数时与bind() 相同

    当时用第二个参数时 就进行了冒泡,将 事件委托给父元素进行处理,并且this还是指向第二个参数选择器

    on(event,selector,fn) 

    该方法可以给指定的子元素绑定事件,注意:特别是给动态创建的dom元素绑定事件时必须使用该方法 

    on可以将子元素的事件委托给父元素进行处理;on可以给动态添加的元素加上绑定事件。

    查看全部
    0 采集 收起 来源:on()的高级用法

    2019-05-16

  • 在事件委托机制中,this指向谁?

    在事件处理程序内部,this始终等于event.currentTarget,而event.target只包含事件的实际目标。

    1. 如果直接将事件处理程序制定给了目标元素,那么this、currentTarget、target指向是相同的。如鼠标单击事件,$(#btn).click(function(){…………})由于click事件的目标是按钮,事件处理程序也制定给了按钮,所以三个值相同。

    2. 如果事件处理程序存在于按钮的父节点中,那么值是不同的。例如:

      $(body).click(function() {………………})那么此时点击按钮元素,this和event.currentTarget都指向document.body,event.target指向按钮元素。

    查看全部
    0 采集 收起 来源:on()的高级用法

    2019-05-16

  • 如果删掉event.Propagation()阻止事件冒泡的命令,则点击外层div元素的文本,结果为 外层div元素被单击 body元素被单击
    查看全部
  • e.type()返回的是事件名
    查看全部
  • keypress事件只能捕获单个字符,不能捕获组合键 无法响应系统功能键(如delete,backspace) 不区分小键盘和主键盘的数字字符 keydown事件与keypress事件类似,在上述例子中,文本输入区按下abcd,则p中只显示abc keyup事件,在上述例子中,文本输入区按下abcd,则p中显示abcd
    查看全部
  • select事件只能用于<input>元素与<textarea>元素
    查看全部
  • focus与blur不存在冒泡问题,而focusin与focusout存在冒泡问题
    查看全部
  • mouseover存在冒泡问题,而mouseenter事件则不存在冒泡问题
    查看全部
  • 方法三:$ele.click( [eventData ], handler(eventObject) )
    查看全部
  • 。z
    查看全部
  • 我觉得老师应该

    1. 在第一个<script></script>中添加以下这种情况:

      <script type="text/javascript">

    $("input:first").focus(function() {

            $(this).css('background-color', 'yellow')

        })

        </script>

    2. 在第二个<script></script>中添加以下这种情况:

    <script type="text/javascript">

        $(".aaron3 input").blur(function() {

            $(this).css('background-color', 'red')

        })

        </script>

    这样才让人更容易理解 .focus()和.blur()的用法

    查看全部
  • trigger() 方法触发被选元素的指定事件类型。

    查看全部

举报

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

微信扫码,参与3人拼团

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

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