-
事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别 event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); 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)的使用；查看全部
-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁 回到上面的问题，既然事件对象是跟当前触发元素息息相关的，所以我们就能从里面相关的信息，从事件对象中找到 event.target event.target target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托 简单来说：event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
-
卸载事件off()方法 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 根据on绑定事件的一些特性，off方法也可以通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
最大的不同点就是on是可以自定义事件名，当然不仅仅只是如何，继续往下看 多个事件绑定同一个函数 通过空格分离，传递不同的事件名，可以同时绑定多个事件 多个事件绑定不同函数 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法 将数据传递到处理程序查看全部
-
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
方法一：$ele.submit() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 方法二：$ele.submit( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了查看全部
-
方法一：$ele.focusout() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，可能一般用的比较少 方法二：$ele.focusout( handler ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 方法三：$ele.focusout( [eventData ], handler ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题查看全部
-
方法一：$ele.focusin() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的比较少 方法二：$ele.focusin( handler ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 方法三：$ele.focusin( [eventData ], handler ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
mouseenter事件和mouseover的区别 关键点就是：冒泡的方式处理问题 简单的例子： mouseover为例： <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件，鼠标在离开p元素，但是没有离开div元素的时候，触发的结果: p元素响应事件 div元素响应事件 这里的问题是div为什么会被触发？ 原因就是事件冒泡的问题，p元素触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发 所以在这种情况下面，jQuery推荐我们使用 mouseenter事件 mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发查看全部
-
你们看focus和blur事件都绑到了div上，你点击input或者点完移开失去焦点当然没反应了，因为input没有绑定事件啊。 而focusin和focuout也绑在div上，为啥有反应呢？ 因为后者在你点input的时候会一级一级的往上面查父元素，如果父元素有事件就执行了，所以你看到了效果。这叫事件冒泡。 为啥前者不行呢？因为前者不支持事件冒泡。查看全部
-
jQuery鼠标事件之mousemove事件 首先你要知道这里的e是代表什么东西。这里的e 就是 event.（在IE和FF下有点不同，因为jquery已经处理了兼容，所以就没关系。） 2. event代表事件的状态，每当某个事件发生时，浏览器的内存中就产生相应的 event对象。它本身下面也有些属性，比如常用的event.clientX获取鼠标位置。 注意：event对象只在事件发生的过程中才有效。 3. 当一个事件处理器被触发时，名为Event的类实例会作为第一个参数传入处理器中。这里的e就是接收这个的形参了.. js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
方法一：$ele.mousedown() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，可能一般用的比较少； 方法二：$ele.mousedown( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数； 方法三：$ele.mousedown( [eventData ], handler(eventObject) )。查看全部
-
click方法用于监听用户单击操作,dbclick方法用于监听用户双击操作 方法一：$ele.click() 方法二：$ele.click( handler(eventObject) ) 方法三：$ele.click( [eventData ], handler(eventObject) )查看全部
举报
0/150
提交
取消