JS學習筆記 - 自定義右鍵選單、文字框只能輸入數字
阿新 • • 發佈:2018-12-28
<script> // 事件總共有2個部分, //1.點選滑鼠右鍵的表現 oncontextmenu 2.點選滑鼠左鍵的表現(即普通點選onclick) // 點選右鍵,div位置定位到滑鼠所在位置, 且阻止滑鼠右鍵的預設選單 // 點選左鍵(即普通的onclick點選),div消失。 document.oncontextmenu=function (ev) // oncontextmenu 點選右鍵觸發 { var oEvent=ev||event; var oDiv=document.getElementById('div1'); oDiv.style.display='block'; oDiv.style.left=oEvent.clientX+'px'; oDiv.style.top=oEvent.clientY+'px'; return false; }; document.onclick=function () // onclick 正常點選時觸發 (滑鼠左鍵,任意點選頁面) { var oDiv=document.getElementById('div1'); oDiv.style.display='none'; };</script>
window.onload = function(){ var oTxt = document.getElementById('txt1'); oTxt.onkeydown = function(ev){ //document.onkeydown = function(ev) //應該是給文字框加事件,不是document // onkeydown這個事件不只是document可以用,在哪裡按鍵盤了就在哪用。 var oEvent = ev||event; if(oEvent.keyCode!=8 && oEvent.keyCode<49 || oEvent.keyCode>57) { return false; } }; }