jQuery的事件绑定与触发 - 学习笔记

  • jQuery的事件绑定与触发
    • 事件绑定
    • 自动触发事件
    • 常用的鼠标事件
    • 事件冒泡和默认行为
      • 事件冒泡
      • 默认行为
    • 获得当前鼠标的位置和按键

jQuery的事件绑定与触发

事件绑定

  • 基本绑定

    $(element).click(function(){})

  • 方法绑定

$(element).bind('click', function(){})//绑定事件

$(element).unbind();//解除事件绑定

  • 动态绑定

live.on方法在高版本的jquery中移出了,在使用时请注意版本

$(element).live('click', function(){})

可以使用on()方法,添加selector参数,进行动态绑定

$(element).on('click','selector', function() {});

自动触发事件

当我们想要去触发某个元素的事件时可以使用 trigger(),注意需指定元素的事件类型

$(element).trigger('click')

常用的鼠标事件

鼠标单击事件 click

鼠标双击事件 dbclick

鼠标移入事件 mouseover

鼠标移出事件 mouseout

鼠标按下事件 mousedown

鼠标抬起事件 mouseup

鼠标移动事件 mousemove

事件冒泡和默认行为

事件冒泡

当触发一个元素的事件时,会自动触发该元素的父级和先辈级的同类型事件,造成事件并发,导致页面混乱,称为事件冒泡

此时我们可以在元素的事件处理函数中 返回一个false 来进行阻止,注意这个方法仅限于在jQuery中使用

默认行为

在页面中有些元素是具备默认行为的,例如a链接的单击,表单的提交,都会进行跳转或提交,这些我们成为默认行为

但是在绑定上事件后,它首先会先执行事件,再去执行默认行为,而有时我们只想让其触发事件,但不执行默认行为时,

我们可以在该元素的事件中 返回一个false来进行阻止默认行为

谷歌

                    
                    

你可能感兴趣的:(jQuery的事件绑定与触发 - 学习笔记)