html 页面传递事件,传递事件对象.html

92 阅读 0 评论 61 点赞

我是靠谱客的博主优秀玫瑰，最近开发中收集的这篇文章主要介绍html 页面传递事件,传递事件对象.html，觉得挺不错的，现在分享给大家，希望可以做个参考。

事件对象在不同的浏览器之间存在很多区别，在jQuery中，事件对象是通过唯一的参数传递给事件监听函数的。如：

$(function(){

$("p").bind("click",function(e){

var sPosPage="("+e.pageX+","+e.pageY+")";

var sPosScreen="("+e.screenX+","+e.screen+")";

$("span").html("<br>Page:"+sPosPage+"<br>Screen:"+sPsoScreen);

});

上面的代码给<p>绑定了鼠标Click事件监听函数，并将事件对象作为参数传递，从而获取了鼠标事件触发点的坐标值。

对于事件对象的属性和方法，jQuery最重要的工作就是替开发者解决了兼容性问题，常用的属性和方法如表所示：

属性和方法	说明
altKey	按下Alt键则为true,否则为false
ctrlKey	按下Ctrl键则为true，否则为false
keyCode	对于keyup和keydown事件，返回按键的值(A和a的值是一样的，都为65)
pageX,pageY	鼠标指针在客户端区域坐标
screenX,screenY	鼠标指针相对于整个计算机屏幕的坐标值
relatedTarget	鼠标事件中，鼠标指针所进入或离开的元素
shiftKey	按下shift键则为true，否则为false
target	引起事件的元素/对象
type	事件的名称，如click、mouseover等
which	键盘事件中为按键的Unicode值，鼠标事件中代表按键的值(1为左键；2为右键；3；为中键)
stopPropagation()	阻止事件向上冒泡
preventDefault()	阻止事件的默认行为