JS中判斷滑鼠按鍵判斷

2021-05-21 15:23:11 字數 3671 閱讀 8701

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

語法: 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

語法: event.toelement

注釋: 這是個唯讀屬性。

19.type

描述: 返回事件名。

語法: event.type

注釋: 返回沒有「on」作為字首的事件名,比如,onclick事件返回的type是click 唯讀。

20. x

語法: event.x

注釋: 如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1

這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

21. y

語法: event.y

下面是event物件簡單使用的乙個例子,用來實現窗體的手動拖拽:

JS中判斷滑鼠按鍵判斷

js中判斷滑鼠按鍵的問題。ie 左鍵是 window.event.button 1 右鍵是 window.event.button 2 中鍵是 window.event.button 4 沒有按鍵動作window.event.button 0 firefox 左鍵是 event.button 0 右...

C 滑鼠按鍵判斷

using system using system.collections.generic using system.text using system.windows.forms using system.drawing namespace manualformclass class myclas...

c 判斷按鍵使用者按鍵

實現此邏輯的方法有多種,但此處筆者希望使用console.readkey key屬性來進行識別。現貼出正確的 while true console.writeline output.tostring if input.key.equals consolekey.y 而在這之前卻犯了乙個愚蠢至極的錯誤...