jquery的事件对象

jquery的事件对象就是js事件对象的一个封装，就是做了一个兼容性的封装。

screenX和screenY  对应屏幕最左上角的值
clientX和clientY 距离页面左上角的位置（忽略滚动条）
pageX和pageY  距离页面最顶部的左上角位置（会计算滚动条的位置）
event.keyCode 按下的键盘代码
event.data  存储绑定事件时传递的附加数据

以上几种不详细说了，接下来说一下下面的几种：

event.stopPropagation(); //阻止事件冒泡行为
event.preventDefault(); //阻止浏览器默认行为
return false;//既能阻止事件冒泡，又能阻止浏览器默认行为

来看简单小例子，a标签的href里面传链接即可跳转，来看代码：

<a href="http://www.cnblogs.com/web001/">点击</a>
以上是html的a标签<script src="js/jquery-1.11.3.min.js"></script>
<script>$(function(){$("a").on("click",function(e){alert("麦兜");});$("body").on("click",function(){alert("呵呵");})})
</script>

那么它的执行结果肯定是先弹出“麦兜”再弹出“呵呵”，然后跳转http://www.cnblogs.com/web001/这个链接，若是不想跳转走的话，那就要这么写：

$("a").on("click",function(e){alert("麦兜");e.preventDefault();//阻止浏览器的默认行为});$("body").on("click",function(){alert("呵呵");})

那若是不让弹出“呵呵”的话就要这样写：

$("a").on("click",function(e){alert("麦兜");e.stopPropagation(); //阻止事件冒泡});$("body").on("click",function(){alert("呵呵");})

若是既不让链接跳转也不让弹出“呵呵”，那么就要这样写：

     $("a").on("click",function(e){alert("麦兜");return false;//既能阻止冒泡，也能阻止浏览器默认行为});$("body").on("click",function(){alert("呵呵");})

所以，以上的几个方法可以灵活运用，根据实际情况实际运用。

转载于:https://www.cnblogs.com/web001/p/8470744.html

jquery的事件对象相关推荐

js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
JavaScript事件以及和jQuery中事件使用对比
1.即时反应的input和propertychange方法 :https://www.cnblogs.com/LHYwin/p/6136256.html 2.js自定义一个事件 : htt ...
从零开始学习jQuery (五) 事件与事件对象【转】
一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其 ...
jQuery 事件对象的属性
jQuery 在遵循 W3C 规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断. (1) event.type 该方法的作用是可以获取到 ...
jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
从零开始学习jQuery (五) 事件与事件对象
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
jquery 事件对象属性小结
jquery 事件对象属性小结使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象. jQuery中统一了事件对象, 当绑 ...
jQuery慢慢啃之事件对象（十一）
1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) {alert( event.current ...
jQuery学习笔记系列（三）——事件注册、事件处理、事件对象、拷贝对象、多库共存、jQuery插件、toDoList综合案例
day03 - jQuery 学习目标: 能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery ...

jquery的事件对象

jquery的事件对象相关推荐

最新文章

热门文章