Jquery中Event对象属性小结
15 浏览量
2020-12-02
09:14:59
上传
评论
收藏 44KB PDF 举报
Jquery中中Event对象属性小结对象属性小结
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值，可以参考：
代码如下:
评论0