jQuery事件自动触发

                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

      jQuery当中提供了自动触发事件的方法,只要利用这个自动触发事件的方法可以不需要手动去触发也可以自行触发事件 。分别是trigger()和triggerHandler()。trigger()所有触发的事件现在会冒泡到DOM树上了。举例来说,如果你在一个段落p上触发一个事件,他首先会在这个元素上触发,其次到父元素,在到父元素的父元素,直到触发到document对象。这个事件对象有一个 .target 属性指向最开始触发这个事件的元素。你可以用 stopPropagation() 来阻止事件冒泡,或者在事件处理函数中返回false即可。

以上图片的登录按钮绑定了鼠标单击事件,鼠标单击一下就会触发事件效果看下图

当触发鼠标单击事件后就会弹出一个提示框,如果用trigger()方法就可以自动去触发点击事件。

如上图给按钮自动触发click事件就不用点击也会自动去触发事件弹出弹窗

triggerHandler()这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡。

这个方法的行为表现与trigger类似,但有以下三个主要区别:

* 第一,他不会触发浏览器默认事件。

* 第二,只触发jQuery对象集合中第一个元素的事件处理函数。

* 第三,这个方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。此外,如果最开始的jQuery对象集合为空,则这个方法返回 undefined ,感兴趣的可自行去尝试。合理运用这两种方法可以尝试一下写一个自动登录的效果出来。

 

更多推荐

jQuery事件自动触发