天天看點

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> 
           

總結:

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