js鼠标添加右击事件

时间:2022-12-03 14:41:56

前言

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

总结:

   虽然看起来其实也不难,但是对于本人来说实现过程略显艰难,无论怎样,结果是好的,总归是实现了,过程属于痛苦并快乐!再接再厉!