jQuery对事件的支持

2025-10-28 12:58:07

1、事件对象:我们每一次执行事件时,都会产生一个事件对象(event)。该 对象中包含了事件的     相关信息,比如导致事件产生的元素(事件源),事件的类型以及其他特定事件     相关的信息

jQuery对事件的支持

2、获取事件对象的方式 ?

function f1(a){  var obj=a.target||a.srcElement;  a.innerHTML='haha'; } function f2(a){  //非IE浏览器获取事件源event.target   IE浏览器获取事件源event.srcElement  var obj=a.target||a.srcElement;  obj.value='haha'; } function f3(){  var obj=event.target||event.srcElement;  obj.innerHTML='haha'; }

jQuery对事件的支持

3、<body> <input type="button" value='按钮' onclick='f2(event)'> <a id="a1" href="javascript:;" onclick="f1(event)" >单击</a> <a href="javascript:;"  onclick="f3()">单击2</a></body>

jQuery对事件的支持

1、c  事件对象的作用        c.1 找到事件源 ?(事件源:事件的产生源头)          event.target 非IE浏览器          event.srcElement IE浏览器      c.2 获取鼠标点击的坐标位置          X轴:event.clientX          y轴:event.clientY          c.3 阻止事件冒泡  event/e2.html       event.stopPropagation()   c.4  event.data 获取函数传递参数

jQuery对事件的支持

2、 a jQuery如何绑定事件处理函数?   a.1 正式写法   event/e4.html          $obj.on(events,[selector],[data],fn)                   events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。 

jQuery对事件的支持

3、 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它到达选定的元素,事件总是触发。  data:当一个事件被触发时要传递event.data给事件处理函数。  fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false 

jQuery对事件的支持

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢