Jquery中Event对象属性小结

2024-05-06 14:45:30

字体：大中小

来源：转载

供稿：网友

JS的Event对象是触发事件的时候传递给事件处理函数的一个对象，这个对象中存在触发事件的基本信息。如：触发事件的事件源、键盘码（如果存在）等基本信息。

1、通过event.type获取事件的类型

代码如下:
<script>
$(function(){
    $("a").click(function(event) {
      alert(event.type);//获取事件类型
      //return false;//阻止链接跳转
      event.preventDefault();
    });
})
</script>

2、获取事件目标的属性值
html部分代码如下：

代码如下:
<body>
<a href='http://google.com'>click me .</a>
</body>

代码如下:
<script>
$(function(){
    $("a[href=http://google.com]").click(function(event) {
      alert(event.target.href);//获取触发事件的<a>元素的href属性值
      return false;//阻止链接跳转
    });
})
</script>

可以获取到属性href的值为‘http://google.com'。

3、获取鼠标对应的坐标值x与y

代码如下:
<script>
$(function(){
    $("a").click(function(e) {
      alert("Current mouse position: " + e.pageX + ", " + e.pageY );//获取鼠标当前相对于页面的坐标
      return false;//阻止链接跳转
    });
})
</script>

这里传递的参数名不一定非要是event，可以是任意的名称，只要后面的相对应就可以。默认传入的值为event。如果你不给参数的话，就会默认传入一个叫event的参数。

4、which属性可以获取相应的事件对应的值
which 属性指示按了哪个键或按钮。

代码如下:
<script>
$(function(){
    $("a").mousedown(function(e){
        alert(e.which) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键
        return false;//阻止链接跳转
    })
})
</script>

关于如何得到一个键在Javascript中的Keycode值，可以参考：

代码如下:
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left

上一篇：本人自用的global.js库源码分享

下一篇：js实现背景图片感应鼠标变化的方法

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注