JavaScript 和 HTML DOM 參考手冊(cè)
如何使用通義靈碼學(xué)習(xí)JavaScript和DOM
JavaScript對(duì)象
1. JavaScript Array 對(duì)象
2. JavaScript Boolean 對(duì)象
3. JavaScript Date 對(duì)象
4. JavaScript Math 對(duì)象
5. JavaScript Number 對(duì)象
6. JavaScript String 對(duì)象
7. JavaScript RegExp 對(duì)象
8. JavaScript 全局屬性/函數(shù)
9. JavaScript 運(yùn)算符
10. JavaScript length 屬性
Browser對(duì)象
1. Window 對(duì)象
2. Navigator 對(duì)象
3. Screen 對(duì)象
4. History 對(duì)象
5. Location 對(duì)象
DOM對(duì)象
1. HTML DOM Document 對(duì)象
2. HTML DOM 元素對(duì)象
3. HTML DOM 屬性對(duì)象
4. HTML DOM 事件對(duì)象
HTML DOM對(duì)象
1. Anchor 對(duì)象
2. Area 對(duì)象
3. Audio 對(duì)象
4. Object 對(duì)象
5. Blockquote 對(duì)象
6. Body 對(duì)象
7. Button 對(duì)象
8. Canvas 對(duì)象
9. Column 對(duì)象
10. Columngroup對(duì)象
11. Datalist 對(duì)象
12. del 對(duì)象
13. Details 對(duì)象
14. Dialog 對(duì)象
15. Embed 對(duì)象
16. Fieldset 對(duì)象
17. Form 對(duì)象
18. Frame 和 IFrame 對(duì)象
19. Frameset 對(duì)象
20. Image 對(duì)象
21. ins 對(duì)象
22. Button 對(duì)象
23. Checkbox 對(duì)象
24. Input Color 對(duì)象
25. Input Date 對(duì)象
26. Input Datetime 對(duì)象
27. Input DatetimeLocal 對(duì)象
28. Input Email 對(duì)象
29. FileUpload 對(duì)象
30. Hidden 對(duì)象
31. Input Image 對(duì)象
32. Input Month 對(duì)象
33. Input Number 對(duì)象
34. Input Range 對(duì)象
35. Password 對(duì)象
36. Radio 對(duì)象
37. Reset 對(duì)象
38. Input Search 對(duì)象
39. Submit 對(duì)象
40. Input Text 對(duì)象
41. Input Time 對(duì)象
42. Input URL 對(duì)象
43. Input Week 對(duì)象
44. Keygen 對(duì)象
45. Link 對(duì)象
46. Label 對(duì)象
47. Legend 對(duì)象
48. Li 對(duì)象
49. Map 對(duì)象
50. Menu 對(duì)象
51. MenuItem 對(duì)象
52. Meta 對(duì)象
53. Meter 對(duì)象
54. Ol 對(duì)象
55. OptionGroup 對(duì)象
56. Option 對(duì)象
57. Parameter 對(duì)象
58. Progress 對(duì)象
59. 引用( <q>)對(duì)象
60. Script 對(duì)象
61. Select 對(duì)象
62. Source 對(duì)象
63. Style 對(duì)象
64. Table 對(duì)象
65. td / th 對(duì)象
66. TableHeader 對(duì)象
67. tr 對(duì)象
68. Textarea 對(duì)象
69. title 屬性
70. Time 對(duì)象
71. Track 對(duì)象
72. Video 對(duì)象
HTML DOM 事件對(duì)象
1. onmouseleave 事件
2. onpaste 事件
3. onpageshow 事件
4. onpagehide 事件
5. ondurationchange 事件
6. onsuspend 事件
7. onprogress 事件
8. animationstart 事件
9. onseeked 事件
10. which 事件屬性
11. metaKey 事件屬性
12. onoffline 事件
13. button 事件屬性
14. relatedTarget 事件屬性
15. onshow 事件
16. clientX 事件屬性
17. screenX 事件屬性
18. ontoggle 事件
19. clientY 事件屬性
20. bubbles 事件屬性
21. ctrlKey 事件屬性
22. shiftKey Event 屬性
23. cancelable 事件屬性
24. location 事件屬性
25. currentTarget 事件屬性
26. key 事件屬性
27. timeStamp 事件屬性
HTML DOM Body 對(duì)象
1. HTML DOM Body aLink 屬性
2. HTML DOM Body bgColor 屬性
3. HTML DOM Body link 屬性
4. HTML DOM Body text 屬性
5. HTML DOM Body vLink 屬性
HTML DOM del 對(duì)象
1. HTML DOM del dateTime 屬性
2. HTML DOM del cite 屬性
HTML DOM Fieldset 對(duì)象
1. HTML DOM Fieldset disabled 屬性
2. HTML DOM Fieldset form 屬性
3. HTML DOM Fieldset name 屬性
HTML DOM Dialog 對(duì)象
1. HTML DOM Dialog open 屬性
2. HTML DOM Dialog close() 方法
3. HTML DOM Dialog show() 方法
HTML DOM Frame 和 IFrame 對(duì)象
1. HTML DOM Frame/IFrame contentDocument 屬性
2. HTML DOM Frame/IFrame frameBorder 屬性
3. HTML DOM IFrame height 屬性
4. HTML DOM Frame/IFrame longDesc 屬性
5. HTML DOM Frame/IFrame marginHeight 屬性
6. HTML DOM Frame/IFrame marginWidth 屬性
7. HTML DOM Frame/IFrame name 屬性
8. HTML DOM Frame/IFrame src 屬性
9. HTML DOM IFrame width 屬性
HTML DOM Submit 對(duì)象
1. HTML DOM Submit form 屬性
2. HTML DOM Submit name 屬性
3. HTML DOM Submit type 屬性
HTML DOM 引用對(duì)象
1. HTML DOM 引用對(duì)象 cite 屬性
HTML DOM Input Number 對(duì)象
1. HTML DOM Input Number disabled 屬性
2. HTML DOM Input Number form 屬性
3. HTML DOM Input Number placeholder 屬性
4. HTML DOM Input Number type 屬性
HTML DOM Password 對(duì)象
1. HTML DOM Password defaultValue 屬性
HTML DOM Link 對(duì)象
1. HTML DOM Link hreflang 屬性
HTML DOM Script 對(duì)象
1. HTML DOM Script src 屬性
2. HTML DOM Script defer 屬性
3. HTML DOM Script src 屬性
HTML DOM Select 對(duì)象
1. HTML DOM Select options 集合
拓展閱讀
1. js中setinterval怎么用？怎么才能讓setinterval停下來(lái)？

閱讀(18.9k) 書(shū)簽贊(0) 我要糾錯(cuò)

which 事件屬性

2023-04-14 09:45 更新

事件對(duì)象參考手冊(cè) 事件對(duì)象

實(shí)例

獲取按下的鍵盤(pán)按鍵Unicode值：

var x = event.which;

x 輸出結(jié)果為:

119 // 119 是字符"w"

嘗試一下 ?

本文底部包含了更多實(shí)例。

定義和使用

which 屬性返回onkeypress事件觸發(fā)的鍵的值的字符代碼，或者 onkeydown 或onkeyup 事件的鍵的代碼。

兩種代碼類(lèi)型的區(qū)別是:

字符代碼 - 表示 ASCII 字符的數(shù)字
鍵盤(pán)代碼 - 表示鍵盤(pán)上真實(shí)鍵的數(shù)字

兩種類(lèi)型的值不是都相等的，例如小寫(xiě)字符"w" 和大寫(xiě)字符 "W" 有相同的鍵盤(pán)代碼，因?yàn)樗麄兯麄冩I盤(pán)上 ( "W" 代碼為 "87")，但是它們有不同的字符代碼，兩個(gè)字符輸出是不一樣的( "w" 和 "W" 字符代碼為"119" 和 "87") - 查看以下實(shí)例可以更好的理解。

提示： 如果需要知道用戶按下的是打印鍵 (如"a" 或 "5")，建議使用 onkeypress 事件。如果需要知道用戶按下的是功能鍵(如 "F1", "CAPSLOCK" 或 "Home") 可使用 onkeydown 或 onkeyup 事件。

注意：IE8 及其更早版本不支持 which 屬性。不支持的瀏覽器可使用keyCode 屬性。但是， keyCode 屬性在 Firefox 瀏覽器的 onkeypress 事件中是無(wú)效的。兼容這些瀏覽器你可以使用以下代碼：

var x = event.which || event.keyCode; // 使用 which 或 keyCode, 這樣可支持不同瀏覽器

提示： 所有 Unicode 字符列表可查看我們的完整 Unicode 參考手冊(cè)。

提示： 如果你需要將 Unicode 值轉(zhuǎn)換為字符，可以使用 fromCharCode() 方法。

注意： 該屬性是只讀的。

注意： which和 keyCode 屬性提供了解決瀏覽器的兼容性的方法，最新版本的 DOM 事件推薦使用key 屬性來(lái)替代該方法。

提示： 如果你想查看是否按下了 "ALT", "CTRL","META" 或 "SHIFT" 鍵，可使用altKey, ctrlKey, metaKey 或shiftKey 屬性。

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器的版本號(hào)。

屬性
which	Yes	9.0	Yes	Yes	Yes

語(yǔ)法

event.which

技術(shù)細(xì)節(jié)

返回值：	數(shù)字，表示 Unicode 字符代碼或 Unicode 鍵代碼
DOM 版本:	DOM Level 2 Events

實(shí)例

使用 onkeypress 和 onkeydown 來(lái)演示字符代碼與鍵盤(pán)代碼的區(qū)別：

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">

function uniCharCode(event) {
    var char = event.which ||event.keyCode; // event.keyCode 用于 IE8 及更早版本
   document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " +char;
}

function uniKeyCode(event) {
    var key = event.which|| event.keyCode; // event.keyCode 用于 IE8 及更早版本
   document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

當(dāng)在鍵盤(pán)上按下 "a" 鍵 (不使用大寫(xiě)鎖定), 輸出結(jié)果如下:

Unicode 字符代碼: 97
Unicode 鍵盤(pán)代碼: 65

嘗試一下 ?

實(shí)例

如果按下 Esc 鍵彈出提示信息：

<input type="text" onkeydown="myFunction(event)">

functionmyFunction(event) {
    var x = event.which || event.keyCode; //event.keyCode 用于 IE8 及更早版本
   if (x == 27) { // 27 是 ESC 鍵
        alert ("You pressed the Escape key!");
    }
}

嘗試一下 ?

實(shí)例

將 Unicode 值轉(zhuǎn)換為字符 (不能用于功能鍵):

var x = event.which || event.keyCode; //獲取 Unicode 值
var y = String.fromCharCode(x); // 將值轉(zhuǎn)換為字符

嘗試一下 ?

国产gaysexchina男同gay,japanrcep老熟妇乱子伦视频,吃奶呻吟打开双腿做受动态图,成人色网站,国产av一区二区三区最新精品

which 事件屬性

實(shí)例

定義和使用

瀏覽器支持

語(yǔ)法

技術(shù)細(xì)節(jié)

更多實(shí)例

實(shí)例

實(shí)例

實(shí)例

相關(guān)頁(yè)面

国产gaysexchina男同gay,japanrcep老熟妇乱子伦视频,吃奶呻吟打开双腿做受动态图,成人色网站,国产av一区二区三区最新精品

which 事件屬性

實(shí)例

定義和使用

瀏覽器支持

語(yǔ)法

技術(shù)細(xì)節(jié)

更多實(shí)例

實(shí)例

實(shí)例

實(shí)例

相關(guān)頁(yè)面

推薦文章

推薦教程

推薦課程