js鼠标添加右击事件

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

前言

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

总结:

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