js鼠标添加右击事件

超、凢脫俗 2022-09-25 13:29 366阅读 0赞

# 前言 #

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

# 总结： #

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

发表评论取消回复

表情：

评论列表（有 0 条评论，366人围观）

还没有评论，来说两句吧...

相关阅读

相关 Win10添加、删除鼠标右击的选项（快捷方法）

Win10添加、删除鼠标右击的选项（以PyCharm为例） > 作为我们开发人员来说，鼠标右击弹出的选项是非常有效果的。它可以帮助我们快速的打开我们一些操作面板。那么我们

今天药忘吃喽~/ 2024年04月07日 15:04/ 0 赞/ 184 阅读

相关 vue 鼠标右击事件

使用@contextmenu.prevent即可参考：[https://www.cnblogs.com/sxz2008/p/6953082.html][https_www.

墨蓝/ 2023年06月03日 10:54/ 0 赞/ 143 阅读

相关鼠标右键触发事件

需求：鼠标右键的时候使用系统自带的打开链接功能如下图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

分手后的思念是犯贱/ 2022年11月25日 05:23/ 0 赞/ 453 阅读

相关 js鼠标添加右击事件

前言在做ITOO项目课程表教师端这块儿时，发现只有修改、添加、导入的功能，验收的时候说添加一个删除的功能吧，右击删除，接下来就是实践了，因为这块本来有双击事件，

超、凢脫俗/ 2022年09月25日 13:29/ 0 赞/ 367 阅读

相关鼠标右键点击事件

方式一 <el-button @contextmenu.prevent="clickRight()">保存</el-button> .prevent可以阻止弹出

我不是女神ヾ/ 2022年09月10日 10:27/ 0 赞/ 370 阅读

相关鼠标点击事件大全

click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标

红太狼/ 2022年09月09日 06:41/ 0 赞/ 404 阅读

相关 OpenGL鼠标点击事件

include <windows.h> // Windows的头文件 include <gl\gl.h> // OpenGL32库

我就是我/ 2022年03月29日 04:56/ 0 赞/ 530 阅读

相关 OpenGL鼠标点击事件

include <windows.h> // Windows的头文件 include <gl\gl.h> // OpenGL32库

Love The Way You Lie/ 2021年12月16日 10:19/ 0 赞/ 600 阅读

相关 Charts.js 图例添加点击事件

<!DOCTYPE html> <html lang="en"> <head> <meta http-

短命女/ 2021年10月08日 05:44/ 0 赞/ 774 阅读

相关 QT5（11）鼠标右击菜单键盘事件

一、初识这部分推荐看这两位大兄弟文章，[鼠标右键][Link 1] [事件总结][Link 2] 二、鼠标右键 // 实现右键菜单 list

怼烎@/ 2021年09月11日 05:24/ 0 赞/ 1483 阅读