-
$("#test").click(11111,function(e) { //this指向 div元素 e.data => 11111 传递数据 }); 1. this 用于指向调用函数(或事件)的元素 2. 事件用 e 来指代事件本身,指向的是 调用函数的事件 (相当于 this 指向的是调用函数的元素) 3. 事件用 e.data( e 是一个对象,data 是这个对象的一个属性) 来接受数据参数传递过来的参数 4. 根据 第3点, 如果要处理 事件中传递过来的数据,需要在 传递数据的同时,也要传递事件本身( e ) click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发查看全部
-
mouseenter/mouseleve事件只会在绑定它的元素上被调用,而不会在后代节点上被触发;mouseover/mouseout则会引发冒泡,会在后代触发查看全部
-
3.事件,多个li的时候可以冒泡到父级ul中,有了事件就能知道是哪个li触发的 <body> <h3>事件委托,通过事件对象区别触发元素</h3> <div class="left"> <div class="aaron"> <ul> <li>点击:触发一</li> <li>点击:触发二</li> <li>点击:触发三</li> <li>点击:触发四</li> </ul> </div> </div> <script type="text/javascript"> //多事件绑定一 $("ul").on('click',function(e){ alert('触发的元素是内容是: ' + e.target.textContent) }) </script> </body>查看全部
-
event.type:获取事件的类型 触发元素的事件类型 event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左边)与 (顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法:阻止默认行为 这个用的特别多,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents),左键报告1,中间键报告2,右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;查看全部
-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有时间发生时才会产生,并且只能是事件处理函数内部访问吗,在所有事件处理函数运行结束后,时间对象就被销毁。查看全部
-
submit阻止表单默认提交查看全部
-
submit事件行为 input type="submit" input type="image" button type="submit" 当某些表单元素获取焦点是,敲击enter。查看全部
-
用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3查看全部
-
focus和blur事件都绑到了div上,你点击input或者点完移开失去焦点当然没反应了,因为input没有绑定事件啊。 而focusin和focuout也绑在div上,为啥有反应呢? 因为后者在你点input的时候会一级一级的往上面查父元素,如果父元素有事件就执行了,所以你看到了效果。这叫事件冒泡。 为啥前者不行呢?因为前者不支持事件冒泡。查看全部
-
trigger: 能够触发浏览器事件,支持自定义事件,自定义时间还支持传递参数查看全部
-
.this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;查看全部
-
this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;查看全部
-
从他的话的意思是:当事件层层冒泡出去的时候,this相应的对应正在冒泡的元素,而event.target则对应最原始触发事件的那个dom元素,比如被div包裹的p,给p绑定事件,触发p事件,那么this最开始表示p然后表示div,但event.target始终表示p 1天前查看全部
-
问题怎么才知道触发的li元素是哪个一个? 这里就引出了事件对象了 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁 event.target target 属性可以是注册事件时的元素,或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托 简单来说:event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
-
在on的第二参数中提供了一个selector选择器,简单的来描述下 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码: $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数查看全部
举报
0/150
提交
取消