tailieunhanh - Học JavaScript qua ví dụ part 52

Xử lý sự kiện chuột Trong nhiều ví dụ trước, chúng tôi đã nhìn thấy sử dụng của các xử lý sự kiện onClick để bắt đầu một hành động khi người dùng nhấp chuột vào một nút hoặc vào một liên kết. Có một số sự kiện khác có thể bị sa thải do một số hành động của con chuột. Khi người dùng di chuyển con trỏ chuột lên một hình ảnh, liên kết, hoặc đối tượng khác, việc xử lý onmouseover sự kiện được kích hoạt, và khi họ di chuyển con trỏ chuột ra khỏi đối tượng,. | 474 Chapter 13 Handling Events Figure Window was resized manually by the user. The onResize event handler was triggered. Handling Mouse Events In many previous examples we ve seen uses of the onClick event handler to initiate an action when a user clicks the mouse in a button or on a link. There are a number of other events that can be fired due some action of the mouse. When the user moves the mouse pointer over a link image or other object the onMouseOver event handler is triggered and when he or she moves the mouse pointer away from an object the onMouseOut event is triggered. Table lists events that are triggered when mouse movement is detected. Table Mouse Events Event Handler When It Is Triggered onClick When the mouse is clicked on a link and on form objects like button submit. onDblClick When the mouse is double-clicked on a link document form object image. onMouseDown When the mouse is pressed on a link document. onMouseMove When the mouse is moved when it is over a link form object or most elements. onMouseOut When a mouse is moved out of a link imagemap. onMouseOver When a mouse is moved over or enters a link imagemap or most elements. onMouseUp When the mouse is released from a link document. From the Library of Handling Mouse Events 475 How to Use Mouse Events The onMouseOver and onMouseOut event handlers occur when the user s mouse pointer is moved over or out of an object. The onMouseMove event occurs when the mouse just touches the object. In Example every time the user touches the button labeled onMouseMove with his or her mouse a function called counter is invoked to keep track of the number of mouse moves that have taken place. That number is displayed in an alert dialog box as shown in Figure . If the user double-clicks the mouse anywhere on the page the a message will appear and if OK is clicked the window will be closed. EXAMPLE html head title Mouse Events title 1 script type text .