1. 程式人生 > >js滑鼠新增右擊事件

js滑鼠新增右擊事件

前言

在做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> 

總結:

  雖然看起來其實也不難,但是對於本人來說實現過程略顯艱難,無論怎樣,結果是好的,總歸是實現了,過程屬於痛苦並快樂!再接再厲!