源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery 处理页面的事件详解

  • 时间:2022-07-18 10:50 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery 处理页面的事件详解
在之前dom操作中提到了javascript对事件处理的介绍。由于不同浏览器处理事件各不相相同,这给开发者带来了不必要的麻烦,jQuery的方便的解决了这个方面的麻烦。 [b]1.绑定事件监听[/b] ([url=http://www.1sucai.cn/article/60096.htm]http://www.1sucai.cn/article/60096.htm[/url])对事件的监听做了详细的介绍,看到了iE和DOM标准浏览器对待事件监听的区别,并对多个监听事件执行顺序和方式也不相同。 在jQuery中,通过bind()对事件绑定,相当于IE浏览器的attachEvent()和标准DOM的addEventListener()。如下例子:
[url=http://www.1sucai.cn/article/60096.htm]http://www.1sucai.cn/article/60096.htm[/url]介绍了对象的概念,并且分析了事件对象常用的属性和方法,可以看到事件对象在不同的浏览器之间存在很多区别,jQuery中没时间对象是通过唯一的方法传递给事件监听函数的。
[u]复制代码[/u] 代码如下:
<script type="text/javascript">             $(function() {                 $("p").bind("click", function(e) { //传递事件对象e                     var sPosPage = "(" + e.pageX + "," + e.pageY + ")";                     var sPosScreen = "(" + e.screenX + "," + e.screenY + ")";                     $("span").html("<br>Page: " + sPosPage + "<br>Screen: " + sPosScreen);                 });             });         </script>         <p>点击此处</p>         <span id=""></span>
以上的代码给p绑定了鼠标click事件监听函数,并将事件对象作为参数传递,从而获取了鼠标事件触发点的坐标值。 对于事件的属性和方法,jQuery最重要的工作就是替开发者解决了兼容性问题,常用的属性和方法 属性 说明 altKey 按下alt键为ture,否则为false ctrlKey 按下ctrl键为ture,否则为false shiftKey 按下shift键为ture,否则为false keyCode 对于keyup和keydown事件,返回按键的值(即a和A的值是一样的,都是65) pageX,pageY 鼠标在客户端的位置,不包括工具栏,滚动条等 relateTarget  鼠标事件中,鼠标指针进入或离开元素。 screenX,screenY 鼠标在整个屏幕的位置。 target 引起事件的元素/对象 type 事件的名称,如click,mouseover等 which 键盘事件中为按键的unicode值,鼠标按键中代表鼠标按键(1左键 2中键 3为右键) stopPropagation() 阻止事件向上冒泡。 preventDefault() 阻止事件默认行为 以上即是本文的全部内容了,讲解的非常详细,希望大家能够喜欢。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部