jquery禁用右键菜单后如何重新启用
<script type="text/javascript">
$(function(){
$("button").on("click", function(e){
var clickId= $(e.target).prop("id");
console.log(clickId);
if("btn1" == clickId){
console.log("close");
$(document).bind("contextmenu" , function(e){
return false;
})
}else{
console.log("open");
$(document).bind("contextmenu" , function(e){
return true;
})
}
})
})
</script>这是我写的js代码，现在的问题是禁用右键菜单可以做到，但是我想重新启用就不好用了,请问有什么办法吗？
//-------------------------------------------------
想到unbind()函数，这个确实可以实现功能：
if("btn1" == clickId){
$(document).bind("contextmenu" , function(e){
console.log("close");
return false;
})
}else{
$(document).unbind("contextmenu");
}不知道还有什么别的方法吗？
展开
收起
1
条回答
写回答
写回答
-
动态绑定可以使用对象访问的方法来调用，如：
$selecter[ isOn ? 'on' : 'off' ](); $selecter.on(); $selecter.off();看你的需求，其实解绑无意义，解绑事件通常是用在特殊的逻辑上，
<script type="text/javascript"> $("button").on("click", function (e) { var isBtn = 'sb-stop' === $(e.target).prop('id'); $(document).off('.btnCMEvent').on('contextmenu.btnCMEvent', isBtn ? function (e) { e.preventDefault(); console.log('右键已禁用'); return false; } : function () { $(this).off('.btnCMEvent'); }); }); </script>2019-07-17 19:20:26赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
