標籤：lock doctype ntb initial abs func window order width
事件預設行為 ： 當一個事件發生的時候瀏覽器自己會預設做的事情。 怎麼阻止？當前這個行為是什麼事件觸發的，然後在這個事件的處理函數中使用r eturn false; 右鍵菜單事件 oncontextmenu : ，當右鍵菜單（環境菜單）顯示出來的時候觸發。 自訂右鍵菜單程式碼範例： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>事件預設行為</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <style style="text/css"> 8 #div1{width: 100px;height: 200px;border: 1px solid #f00;position:absolute;display:none} 9 </style>10 <script>11 window.onload = function(){12 var oDiv = document.getElementById("div1");13 document.oncontextmenu = function(ev){14 var ev = ev || event;15 oDiv.style.display = "block";16 oDiv.style.left = ev.clientX + ‘px‘;17 oDiv.style.top = ev.clientY + ‘px‘;18 return false;19 }20 document.onclick = function(ev){21 oDiv.style.display = "none";22 }23 }24 </script>25 </head>26 <body>27 <div id="div1">28 29 </div>30 </body>31 </html>
js學習筆記28----事件預設行為
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
