Jquery中Event对象属性小结

前端之家收集整理的这篇文章主要介绍了Jquery中Event对象属性小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

2、获取事件目标的属性

html部分代码如下:

代码如下:

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

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

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

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

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

4、which属性可以获取相应的事件对应的值

which 属性指示按了哪个键或按钮。

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

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

代码如下:
score keycode 190 = period colon keycode 192 = numbersign apostrophe keycode 210 = plusminus hyphen macron keycode 212 = copyright registered keycode 213 = guillemotleft guillemotright keycode 214 = masculine ordfeminine keycode 215 = ae AE keycode 216 = cent yen keycode 217 = questiondown exclamdown keycode 218 = onequarter onehalf threequarters keycode 220 = less greater bar keycode 221 = plus asterisk asciitilde keycode 227 = multiply division keycode 228 = acircumflex Acircumflex keycode 229 = ecircumflex Ecircumflex keycode 230 = icircumflex Icircumflex keycode 231 = ocircumflex Ocircumflex keycode 232 = ucircumflex Ucircumflex keycode 233 = ntilde Ntilde keycode 234 = yacute Yacute keycode 235 = oslash Ooblique keycode 236 = aring Aring keycode 237 = ccedilla Ccedilla keycode 238 = thorn THORN keycode 239 = eth ETH keycode 240 = diaeresis cedilla currency keycode 241 = agrave Agrave atilde Atilde keycode 242 = egrave Egrave keycode 243 = igrave Igrave keycode 244 = ograve Ograve otilde Otilde keycode 245 = ugrave Ugrave keycode 246 = adiaeresis Adiaeresis keycode 247 = ediaeresis Ediaeresis keycode 248 = idiaeresis Idiaeresis keycode 249 = odiaeresis Odiaeresis keycode 250 = udiaeresis Udiaeresis keycode 251 = ssharp question backslash keycode 252 = asciicircum degree keycode 253 = 3 sterling keycode 254 = Mode_switch

以上是js中的键值参考,其中比较重要的有13(enter),32(空格),27(ESC),16(Shift),17(Ctrl),18(Alt)。

更多的值可以通过下面的jQuery来获取

代码如下:
$(function(){ $("input").keyup(function(e){//获取keyup时间的值 alert(e.which); }) })

猜你在找的jQuery相关文章