A summary of Event object properties in jquery _jquery

Source: Internet
Author: User

The event object in JS is an object that is passed to the event handler when triggering events, which has the basic information to trigger the event. Such as: The event source that triggers the event, the keyboard code (if present) and so on basic information.

1. Get the type of event through Event.type

Copy Code code as follows:

<script>
$ (function () {
$ ("a"). Click (Function (event) {
alert (event.type);//Get Event Type
return false;//block link jump
Event.preventdefault ();
});
})
</script>

2, get the event target property value
The HTML part of the code is as follows:

Copy Code code as follows:

<body>
<a href= ' http://google.com ' >click me .</a>
</body>

Copy Code code as follows:

<script>
$ (function () {
$ ("a[href=http://google.com]"). Click (Function (event) {
alert (event.target.href);//Get the HREF attribute value of the <a> element that triggered the event
return false;//block link jump
});
})
</script>

The value of the attribute href can be obtained is ' http://google.com '.

3, get the mouse corresponding coordinate value x and Y

Copy Code code as follows:

<script>
$ (function () {
$ ("a"). Click (function (e) {
Alert ("Current mouse position:" + E.pagex + "," + e.pagey);/Get the coordinates of the mouse currently relative to the page
return false;//block link jump
});
})
</script>

The name of the parameter passed here is not necessarily an event, it can be any name, as long as the following relative is OK. The default incoming value is event. If you do not give the parameter, you will default to pass in a parameter called event.

4, the which property can get the corresponding value of the event
The Which property indicates which key or button was pressed.

Copy Code code as follows:

<script>
$ (function () {
$ ("a"). MouseDown (function (e) {
Alert (E.which)//1 = left mouse button; 2 = middle mouse button; 3 = right mouse button
return false;//block link jump
})
})
</script>

For information on how to get a keycode value for a key in JavaScript, you can refer to:

Copy Code code as follows:

KeyCode 8 = BackSpace BackSpace
KeyCode 9 = Tab tab
KeyCode = Clear
KeyCode = Enter
KeyCode = shift_l
KeyCode = control_l
KeyCode = alt_l
KeyCode = Pause
KeyCode = Caps_lock
KeyCode = Escape escape
KeyCode = Space Spaces
KeyCode = Prior
KeyCode = Next
KeyCode = End
KeyCode = Home
KeyCode (Panax) = Left
KeyCode = up
KeyCode = Right
KeyCode = Down
KeyCode = Select
KeyCode = Print
KeyCode = Execute
KeyCode = Insert
KeyCode = Delete
KeyCode = Help
keycode = 0 Equal braceright
keycode = 1 Exclam onesuperior
KeyCode = 2 Quotedbl twosuperior
KeyCode Wuyi = 3 section Threesuperior
keycode = 4 Dollar
KeyCode = 5 percent
KeyCode = 6 Ampersand
keycode = 7 Slash braceleft
KeyCode = 8 Parenleft bracketleft
KeyCode = 9 Parenright bracketright
KeyCode = a A
KeyCode = b b
KeyCode = c C
KeyCode = d D
KeyCode = e e eurosign
KeyCode = f F
KeyCode = g g
KeyCode = h H
KeyCode = i I
KeyCode-J J
KeyCode = k K
KeyCode = l l
keycode = M M mu
KeyCode = n N
keycode = o O
KeyCode = P p
KeyCode Bayi = q q at
KeyCode = r R
KeyCode-S S
KeyCode = t T
KeyCode = u u
KeyCode = v V
KeyCode = w W
KeyCode = x x
keycode) = y y
KeyCode = Z Z
KeyCode = Kp_0 Kp_0
KeyCode Kp_1 kp_1
KeyCode = kp_2 kp_2
KeyCode = Kp_3 Kp_3
KeyCode = Kp_4 Kp_4
KeyCode = Kp_5 Kp_5
KeyCode 102 = Kp_6 Kp_6
KeyCode kp_7 kp_7
KeyCode = Kp_8 Kp_8
KeyCode = Kp_9 Kp_9
KeyCode kp_multiply kp_multiply
KeyCode = Kp_add Kp_add
KeyCode 108 = Kp_separator Kp_separator
KeyCode 109 = kp_subtract Kp_subtract
KeyCode = Kp_decimal Kp_decimal
KeyCode = Kp_divide Kp_divide
KeyCode 112 = F1
KeyCode 113 = F2
KeyCode 114 = F3
KeyCode = F4
KeyCode 116 = F5
KeyCode 117 = F6
KeyCode 118 = F7
KeyCode 119 = F8
KeyCode = F9
KeyCode 121 = F10
KeyCode 122 = F11
KeyCode 123 = F12
KeyCode 124 = F13
KeyCode = F14
KeyCode 126 = F15
KeyCode 127 = F16
KeyCode 128 = F17
KeyCode 129 = F18
KeyCode 130 = F19
KeyCode 131 = F20
KeyCode 132 = F21
KeyCode-F22
KeyCode 134 = F23
KeyCode 135 = F24
KeyCode 136 = Num_lock
KeyCode 137 = Scroll_lock
KeyCode 187 = Acute grave
KeyCode 188 = Comma semicolon
KeyCode 189 = minus underscore
KeyCode 190 = Period Colon
KeyCode 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 less Greater Bar
KeyCode 221 = plus asterisk Asciitilde
keycode = 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 = 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 = Udiaeresis udiaeresis
KeyCode 251 = ssharp question Backslash
KeyCode 252 = Asciicircum Degree
KeyCode 253 = 3 Sterling
KeyCode 254 = Mode_switch

The above is the key value reference in JS, which is more important (enter), 32 (space), (ESC), (Shift), (Ctrl), (ALT).

More values can be obtained from the following jquery:

Copy Code code as follows:

<script>
$ (function () {
$ ("input"). KeyUp (function (e) {//Get KeyUp time value
alert (E.which);
})
})
</script>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.