Js Mouse clicking Event writing in various browsers and Event object attribute introduction _ basic knowledge-js tutorial
Source: Internet
Author: User
Click events in various mainstream browsers to facilitate queries during use. The sorting is very detailed. If you are interested, refer to it. I hope this article will help you.
IE The left button is window. event. button = 1.
Right-click window. event. button = 2
Window. event. button = 4
No button action window. event. button = 0
Firefox The left button is event. button = 0.
Right-click event. button = 2
The key is event. button = 1.
No button Action event. button = 0
Opera 7.23/7.54 The left mouse button is window. event. button = 1.
No button action window. event. button = 1
Right-click and Middle-click cannot be obtained
Opera 7.60/8.0 The left mouse button is window. event. button = 0.
No button action window. event. button = 0
Right-click and Middle-click cannot be obtained
In addition, the right-click window. event. button = 3 is blocked.
Window. event object represents the event state, such as the elements that trigger the event object, the location and status of the mouse, and the key to press.
Window. event objects are valid only when an event occurs.
Some Properties of Window. event only make sense for specific events. For example, the fromElement and toElement attributes only make sense for onmouseover and onmouseout events.
If the mouse moves out of the window after an event is triggered, the returned value is-1, which is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
The properties of the Event object include::
AltKey, button, Member, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, delimiter, srcElement, srcFilter, toElement, type, x, y
These attributes are briefly described below.:
1. altKey Description: checks the status of the alt key.
Syntax: event. altKey
Possible value: When the alt key is pressed, the value is TRUE; otherwise, the value is FALSE. Read-only.
2. button Description: checks the pressed mouse key.
Syntax: event. button
Possible values:
0: No buttons; 1: left-click; 2: Right-click; 3: Left and Right; 4: Intermediate; 5: left-click and intermediate; 6: Right-click and intermediate; 7. Press all keys
This attribute is only used for onmousedown, onmouseup, and onmousemove events. For other events, 0 (such as onclick) is returned regardless of the mouse status ).
3. cancelBubble Description: checks whether events of upper-layer elements are controlled.
Syntax: event. cancelBubble [= cancelBubble]
Possible value: This is a read/write Boolean value.
TRUE is not controlled by the event of the parent layer.
FALSE allows the event to be controlled by the upper-layer element. This is the default value.
4. clientX Description: returns the X coordinate of the mouse in the client area of the window.
Syntax: event. clientX
Note: This is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
5. clientY Description: returns the Y coordinate of the mouse in the client area of the window.
Syntax: event. clientY
Note: This is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
6. ctrlKey Description: checks the status of the ctrl key.
Syntax: event. ctrlKey
Possible value: When the ctrl key is pressed, the value is TRUE; otherwise, the value is FALSE. Read-only.
7. fromElement Description: The elements that the mouse leaves when the onmouseover and onmouseout events occur. Refer to 18. toElement
Syntax: event. fromElement
Note: This is a read-only attribute.
8. keyCode Description: detects the internal code corresponding to the keyboard event. This attribute is used for onkeydown, onkeyup, and onkeypress events.
Syntax: event. keyCode [= keyCode]
Possible value: This is a readable value and can be any Unicode keyboard internal code. If no keyboard event is triggered, the value is 0.
9. offsetX Description: checks the horizontal coordinates of the mouse position relative to the trigger event object.
Syntax: event. offsetX
10. offsetY Description: checks the vertical coordinates of the mouse position relative to the trigger event object.
Syntax: event. offsetY
11. propertyName Description: sets or returns the name of a variable attribute of an element.
Syntax: event. propertyName [= sProperty]
Possible value: sProperty is a string that specifies or returns the name of the attribute changed by the element that triggers the event.
Note: This attribute can be read and written. No default value. You can use the onpropertychange event to obtain the value of propertyName.
12. returnValue Description: sets or checks the value returned from the event.
Syntax: event. returnValue [= Boolean]
Possible value: the value in the true event is returned.
False: the default operation of events on the source object is canceled.
13. screenX Description: horizontal position of the mouse relative to the user's screen.
Syntax: event. screenX
Note: This is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
14. screenY Description: the vertical position of the mouse relative to the user's screen.
Syntax: event. screenY
Note: This is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
15. shiftKey Description: checks the status of the shift key.
Syntax: event. shiftKey
Possible value: when the shift key is pressed, the value is TRUE; otherwise, the value is FALSE. Read-only.
16. srcElement Description: Elements of the trigger event. Read-only. For examples, see the beginning of this article.
Syntax: event. srcElement
17. srcFilter Description: returns the filter that triggers the onfilterchange event. Read-only.
Syntax: event. srcFilter
18. toElement Description: The element that the mouse enters when the onmouseover and onmouseout events occur. See 7. fromElement
Syntax: event. toElement
Note: This is a read-only attribute.
19. type Description: The name of the returned event.
Syntax: event. type
Note: The name of an event without the "on" prefix is returned. For example, the type returned by the onclick event is click read-only.
20. x Description: returns the X axis coordinate of the upper-level element of the position attribute relative to the css attribute. If there is no upper-level element with the position attribute in the css attribute, the BODY element is used as the reference object by default.
Syntax: event. x
Note: If the mouse moves out of the window after an event is triggered, the returned value is-1.
This is a read-only attribute. This means that you can only use it to get the current position of the mouse, but you cannot use it to change the position of the mouse.
21. y Description: returns the Y axis coordinate of the parent element of the position attribute relative to the css attribute. If there is no upper-level element with the position attribute in the css attribute, the BODY element is used as the reference object by default.
Syntax: event. y
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.
