1. 程式人生 > >js滑鼠點選事件

js滑鼠點選事件

IE 
左鍵是 window.event.button = 1 
右鍵是 window.event.button = 2
中鍵是 window.event.button = 4
沒有按鍵動作window.event.button = 0

Firefox 
左鍵是 event.button = 0 
右鍵是 event.button = 2
中鍵是 event.button = 1 
沒有按鍵動作 event.button = 0

Opera 7.23/7.54
滑鼠左鍵是 window.event.button = 1
沒有按鍵動作 window.event.button = 1 
右鍵和中鍵無法獲取

Opera 7.60/8.0
滑鼠左鍵是 window.event.button = 0
沒有按鍵動作 window.event.button = 0
右鍵和中鍵無法獲取

另外:遮蔽右鍵的是window.event.button = 3

************************************************************

Window.event物件代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。 
Window.event物件只在事件發生的過程中才有效。 
Window.event的某些屬性只對特定的事件有意義。比如,fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。 
如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1 ,這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

Event物件的屬性有:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

 
下面簡單的描述一下它的這些屬性:
1.altKey 
描述: 檢查alt鍵的狀態。
語法: event.altKey
可能的值: 當alt鍵按下時,值為 TRUE ,否則為 FALSE 。只讀。

2.button 
描述: 檢查按下的滑鼠鍵。
語法: event.button
可能的值: 
0 沒按鍵 ;1 按左鍵 ;2 按右鍵 ;3 按左右鍵 ;4 按中間鍵 ;5 按左鍵和中間鍵 ;6 按右鍵和中間鍵 ;7 按所有的鍵
這個屬性僅用於onmousedown, onmouseup, 和 onmousemove 事件。對其他事件,不管滑鼠狀態如何,都返回 0(比如onclick)。

3.cancelBubble  
描述: 檢測是否接受上層元素的事件的控制。
語法: event.cancelBubble[ = cancelBubble]
可能的值: 這是一個可讀寫的布林值
TRUE 不被上層原素的事件控制。 
FALSE 允許被上層元素的事件控制。這是預設值。
 
4.clientX 
描述: 返回滑鼠在視窗客戶區域中的X座標。
語法: event.clientX
註釋: 這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
 
5.clientY 
描述: 返回滑鼠在視窗客戶區域中的Y座標。
語法: event.clientY
註釋: 這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
 
6.ctrlKey 
描述: 檢查ctrl鍵的狀態。
語法: event.ctrlKey
可能的值: 當ctrl鍵按下時,值為 TRUE ,否則為 FALSE 。只讀。
 
7.fromElement 
描述: 檢測 onmouseover 和 onmouseout 事件發生時,滑鼠所離開的元素。 參考18.toElement
語法: event.fromElement
註釋: 這是個只讀屬性。
 
8.keyCode 
描述:檢測鍵盤事件相對應的內碼。 這個屬性用於 onkeydown, onkeyup, 和 onkeypress 事件。
語法: event.keyCode[ = keyCode]
可能的值: 這是個可讀寫的值,可以是任何一個Unicode鍵盤內碼。如果沒有引發鍵盤事件,則該值為 0 。

9.offsetX 
描述: 檢查相對於觸發事件的物件,滑鼠位置的水平座標
語法: event.offsetX
 
10.offsetY 
描述: 檢查相對於觸發事件的物件,滑鼠位置的垂直座標
語法: event.offsetY
 
11.propertyName 
描述: 設定或返回元素的變化了的屬性的名稱。
語法: event.propertyName [ = sProperty ]
可能的值: sProperty 是一個字串,指定或返回觸發事件的元素在事件中變化了的屬性的名稱。
註釋:這個屬性是可讀寫的。無預設值。你可以通過使用 onpropertychange 事件,得到 propertyName 的值。
 
12.returnValue 
描述: 設定或檢查從事件中返回的值
語法: event.returnValue[ = Boolean]
可能的值: true 事件中的值被返回 
false 源物件上事件的預設操作被取消

13.screenX 
描述: 檢測滑鼠相對於使用者螢幕的水平位置 
語法: event.screenX
註釋: 這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

14.screenY 
描述: 檢測滑鼠相對於使用者螢幕的垂直位置
語法: event.screenY
註釋: 這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
 
15.shiftKey 
描述: 檢查shift鍵的狀態。
語法: event.shiftKey
可能的值: 當shift鍵按下時,值為 TRUE ,否則為 FALSE 。只讀。

16.srcElement 
描述: 返回觸發事件的元素。只讀。例子見本文開頭。
語法: event.srcElement
 
17.srcFilter 
描述: 返回觸發 onfilterchange 事件的濾鏡。只讀。
語法: event.srcFilter

18.toElement 
描述: 檢測 onmouseover 和 onmouseout 事件發生時,滑鼠所進入的元素。 參考7.fromElement
語法: event.toElement
註釋: 這是個只讀屬性。
 
19.type 
描述: 返回事件名。
語法: event.type
註釋: 返回沒有“on”作為字首的事件名,比如,onclick事件返回的type是click 只讀。

20. x 
描述: 返回滑鼠相對於css屬性中有position屬性的上級元素的x軸座標。如果沒有css屬性中有position屬性的上級元素,預設以BODY元素作為參考物件。
語法: event.x
註釋: 如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1  
這是個只讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
 
21. y 
描述: 返回滑鼠相對於css屬性中有position屬性的上級元素的y軸座標。如果沒有css屬性中有position屬性的上級元素,預設以BODY元素作為參考物件。
語法: event.y

相關推薦

js滑鼠事件

IE  左鍵是 window.event.button = 1  右鍵是 window.event.button = 2 中鍵是 window.event.button = 4 沒有按鍵動作window.event.button = 0 Firefox  左鍵是 eve

js捕獲所有滑鼠事件及其它

<body><div><a href="#" onclick="showPricediv('aaa')" abc=1>adsfsdf</a></div><div id="aaa" style="display:

selenium運用js處理事件失效

  有時候,元素明明已經找到了,使用click()就是無法觸發點選事件(當然,這種情況十分少見,至少我只遇到過一次)。下面告訴大家這種場景的解決方案。      使用js程式碼來點選【部落格園】這個按鈕        程式碼:   #!/usr/bin/pytho

js利用事件做一個簡單的計算器

原始碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&g

JS事件 onclick

onclick 點選事件 onclick 以文字de放大與縮小為例項 嗨… 各位小可愛們,我們又見面了 先來了解一下定義和用法 onclick 屬性在單擊滑鼠時觸發。 記住是 單擊單擊單擊!!! 只點擊一次即可觸發事件 廢話不多,直接上程式碼,希望能對你們有所幫助

主角人物移動(一)-滑鼠事件與通過射線獲取座標

Ray playerRay;//射線 RaycastHit playerHit;//射線碰撞資訊 Vector3 targetPos;//定義滑鼠點選位置 int mapTargetMask;//定義碰撞層級引數void Start () { //獲取地圖層級

C++實現WebBrowser控制元件中對滑鼠事件的監聽,並獲取所標籤的超連結

        主要步驟如下:         1、接收網頁事件(參考資料) 要響應網頁事件,需要實現IDispatch介面,並在其Invoke()方法中處理收到的訊息。對於MFC,因為CCmdTarget類已經實現了該介面,所以只需要繼承CCmdTarget並結合相關巨

JS onclick事件圖片切換其他圖片

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

js模擬事件實現程式碼

http://www.jb51.net/article/31743.htm 在實際的應用開發中,我們會常常用到JS的模事件,比如說點選事件,舉個簡單的例子,點選表單外的“提交”按鈕來提交表單。上程式碼吧 html: 複製程式碼 程式碼如下: <h3&

css取消div蹭上的滑鼠事件

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;

selenium + python 滑鼠事件

對滑鼠的點選事件做了一些瞭解,從百度發現有很多相關內容 參考文章https://www.ibm.com/developerworks/cn/java/j-lo-keyboard/ 和 http://blog.csdn.net/liujingqiu/article/detai

JavaScript 滑鼠事件的整合

事件種類 滑鼠事件指與滑鼠相關的事件,主要有以下一些。 (1)click事件 click事件當用戶在Element節點、document節點、window物件上,單擊滑鼠(或者按下回車鍵)時觸發。 “滑鼠單擊”定義為,使用者在同一個位置完成一次mousedown動作和mouseup動作。它們的觸發順序是:m

【Unity3D】用滑鼠事件、AddForce完成跳躍與二段跳

遊戲裡面的跳躍和二段跳真的不是很難,尤其是Unity3D直接提供力量模擬引擎更是可以用極其簡短的程式碼完成這一切。 下面的程式將加一個對滑鼠左鍵點選的監聽,實現兩個球的跳躍與二段跳的功能,主要思想還是處理球在跳躍的時候,應該是不允許再跳躍的,而在球落地之後才重新開啟跳躍功能

Qt-Qlabel 自定義滑鼠事件以及文字樣式效果設計

最近專案中需要實現一個訊息推送的功能,模仿QQ訊息彈窗的方式實現,介面開發的工具為Qt。對桌面應用開發這塊不太熟悉,通過摸索嘗試也算是把這個功能實現了,其中也碰到了一些比較麻煩的問題,這些問題我看也具有一定的普遍性,就把我摸索出來的解決方法和大家分享下(可能有更好的方法我沒

iOS開發中oc程式碼響應js網頁事件的方法

在APP開發中我們經常碰到一種情況:app開啟一個網頁,網頁裡有些按鈕需要我們去響應,比如開啟一個遊戲介紹的網頁,點選網頁中的“立即下載”按鈕,app需要跳轉到對應下載介面。那麼我們怎麼響應?程式碼如下: -(void)makeWeb { self.webView

Java OpenCV開發——使用JavaCV在視窗顯示影象,並監聽滑鼠事件

  在Eclipse下使用OpenCV開發過程中,需要在彈出視窗中顯示影象,並能監聽滑鼠點選事件。但網上一般都是用JLabel顯示圖片,再新增到JFrame上;但JLabel不對輸入事件作出反應,無法實現需求。      為此我查遍資料,發現在JavaCV中

UNITY在SCENE視窗獲取滑鼠事件

Unity在Scene檢視中如何獲取滑鼠事件對一個新手來說是有一定難度的,今天作為一個新手,分享自己做到這一功能的方法(各位如果發現問題歡迎指出)。我通過定義編輯器類,利用方法OnSceneGUI即可實現功能,下面看具體程式碼。 using UnityEngine; u

js模擬事件

在頁面載入之後,我們經常會遇到聯動的問題。這個時候就需要在頁面載入後就自動觸發第一個點選事件這樣後面的聯動才能在網頁中顯示出來。 在js當中可以使用 trigger方法 $("selector").trigger("click"); 比如在我的程式碼

由於某種特殊需求,我需要在winform程式中模擬滑鼠事件,經過Google,終於找到了如下解決方案。

來自:http://outofmemory.cn/code-snippet/1708/how-winform-moni-shubiao-click-event using System; using System.Windows.Forms; using System.Ru

js滑鼠位置 彈出層由中心向四周緩慢擴大

<html> <head> <title>無標題文件</title> <script language="javascript"> var level = 1; var div