js滑鼠新增右擊事件
阿新 • • 發佈:2019-01-08
前言
在做ITOO專案課程表教師端這塊兒時,發現只有修改、新增、匯入的功能,驗收的時候說新增一個刪除的功能吧,右擊刪除,接下來就是實踐了,因為這塊本來有雙擊事件,現在要新增一個右擊事件,本來想用EasyUI封裝的右擊選單,無奈一直沒有成功,主要還是自己能力問題。。後來就換了一種實現思路。程式碼
<script type="text/javascript"> $(document).bind("contextmenu", function () { return false; });//防止預設選單彈出 function Youji(str) { //獲取課程表內課程ID str = str + "1"; var curriculumID = document.getElementById(str).value; if (curriculumID == null || curriculumID == "") { } else { $.messager.confirm('系統提示', '您確定要刪除該課程嗎?', function (r) { if (r) { } return false; } } //alert("右擊成功"); return false; } //為某個dom元素新增滑鼠右擊事件""內填要新增右擊事件的某個dom元素 window.onload = function () { document.getElementById("").oncontextmenu = Youji; } </script>
總結:
雖然看起來其實也不難,但是對於本人來說實現過程略顯艱難,無論怎樣,結果是好的,總歸是實現了,過程屬於痛苦並快樂!再接再厲!