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

  • Post author:
  • Post category:其他


事件对象在不同的浏览器之间存在很多区别,在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()

阻止事件的默认行为

一键复制

编辑

Web IDE

原始数据

按行查看

历史