关于鼠标、键盘的几个例子
生活随笔
收集整理的這篇文章主要介紹了
关于鼠标、键盘的几个例子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 1. 鼠標的哪個按鍵被點擊？ 2 <html> 3 <head> 4 <script type="text/javascript"> 5 function whichButton(event) 6 { 7 if (event.button==2) 8 { 9 alert("你點擊了鼠標右鍵!") 10 } 11 else 12 { 13 alert("你點擊了鼠標左鍵!") 14 } 15 } 16 </script> 17 </head> 18 19 <body οnmοusedοwn="whichButton(event)"> 20 <p>請單擊你鼠標的左鍵或右鍵試試</p> 21 </body> 22 </html> 23 24 2. 當前鼠標的光標坐標是多少？ 25 <html> 26 <head> 27 <script type="text/javascript"> 28 function show_coords(event) 29 { 30 x=event.clientX 31 y=event.clientY 32 alert("X 坐標： " + x + ", Y 坐標： " + y) 33 } 34 </script> 35 </head> 36 37 <body οnmοusedοwn="show_coords(event)"> 38 39 <p>在此文檔中按下你鼠標的左鍵看看！</p> 40 41 </body> 42 </html> 43 44 45 3. 被按下鍵的unicode碼是多少？ 46 <html> 47 <head> 48 <script type="text/javascript"> 49 function whichButton(event) 50 { 51 alert(event.keyCode) 52 } 53 54 </script> 55 </head> 56 57 <body οnkeyup="whichButton(event)"> 58 <p>在此文檔中按下你鍵盤上的某個鍵看看</p> 59 </body> 60 </html> 61 62 4. 當前鼠標的光標相對于屏幕的坐標是多少？ 63 <html> 64 <head> 65 66 <script type="text/javascript"> 67 function coordinates(event) 68 { 69 x=event.screenX 70 y=event.screenY 71 alert("X=" + x + " Y=" + y) 72 } 73 74 </script> 75 </head> 76 <body οnmοusedοwn="coordinates(event)"> 77 78 <p> 79 點擊你鼠標的左鍵 80 </p> 81 82 </body> 83 </html> 84 85 5. 當前鼠標的光標坐標是多少？ 86 <html> 87 <head> 88 89 <script type="text/javascript"> 90 function coordinates(event) 91 { 92 x=event.x 93 y=event.y 94 alert("X=" + x + " Y=" + y) 95 } 96 97 </script> 98 </head> 99 <body οnmοusedοwn="coordinates(event)"> 100 101 <p> 102 點擊你鼠標的左鍵 103 </p> 104 105 </body> 106 </html> 107 108 6。shift鍵是否按下? 109 <html> 110 <head> 111 <script type="text/javascript"> 112 function isKeyPressed(event) 113 { 114 if (event.shiftKey==1) 115 { 116 alert("shit鍵按下了!") 117 } 118 else 119 { 120 alert("shit鍵沒有按下!") 121 } 122 } 123 </script> 124 </head> 125 126 <body οnmοusedοwn="isKeyPressed(event)"> 127 128 <p>按下shit鍵，點擊你鼠標的左鍵</p> 129 130 </body> 131 </html> 132 133 7. 當前被點擊的是哪一個元素？ 134 <html> 135 <head> 136 <script type="text/javascript"> 137 function whichElement(e) 138 { 139 var targ 140 if (!e) var e = window.event 141 if (e.target) targ = e.target 142 else if (e.srcElement) targ = e.srcElement 143 if (targ.nodeType == 3) // defeat Safari bug 144 targ = targ.parentNode 145 var tname 146 tname=targ.tagName 147 alert("你點擊了 " + tname + "元素") 148 } 149 </script> 150 </head> 151 152 <body οnmοusedοwn="whichElement(event)"> 153 <p>在這里點擊看看，這里是p</p> 154 <br /><br /> 155 <h3>或者點擊這里也可以呀，這里是h3</h3> 156 <p>你想點我嗎？？</p> 157 <img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic"> 158 </body> 159 160 </html>
?
轉載于:https://www.cnblogs.com/ITzhangyunpeng/p/9365900.html
總結
以上是生活随笔為你收集整理的关于鼠标、键盘的几个例子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 哎哟哎哟哎哟是什么歌啊？
- 下一篇： [bzoj2259][Oibh]新型计算