JS阻止a标签右键点击

最新推荐文章于 2024-03-21 15:00:34 发布
最新推荐文章于 2024-03-21 15:00:34 发布
阅读量187 收藏
点赞数 2
文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ljqscdnljq/article/details/136661712
版权 
document.querySelectorAll('a').forEach(function(link) {
  link.addEventListener('contextmenu', function(e) {
    e.preventDefault();
  });
});

nothingbok
关注
html+a标签自动点击事件,父元素<a>标签的默认行为以及click事件之间的相互影响...
weixin_39926749的博客
05-30 657
开发过程中遇到问题，简单写个demo运行环境为Chrome68描述一下这个问题，当a标签内部存在嵌套时，父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响。页面结构：a标签内部点击事件失效*{margin:0;padding:0;}.father{display:block;width:500px;height:200px;background-color:rgb(21...
在JS中a标签加入单击事件屏蔽href跳转页面
10-20
主要介绍了JS中a标签加入单击事件屏蔽href跳转页面的相关资料,需要的朋友可以参考下
通过JavaScript来禁止a标签，不让其被点击
hello world
01-13 3902
只要将a的disabled属性修改为true，此时页面上的a链接标签就无法点击了。
a标签点击一次后，就不能再点击了，同时还把它的颜色变成灰色？用js实现
IT-小猩猩
07-20 2975
a标签点击一次后，就不能再点击了，同时还把它的颜色变成灰色？用js实现$(function(){ $("a").click(function(){ alert("1"); $(this).css("color","#CCC"); $(this).unbind("click"); }) })
js中点击a标签后按钮禁用
weixin_37582804的博客
10-14 1677
实现点击后变灰禁用 var nameclass = “#map-buttons-” + letter $(“nameclass).attr(“disabled”, true).css(“pointer-events”, “none”); //禁用 $(nameclass).attr(“disabled”, true).css(“background”, “rgba(0,60,136,.5)”);...
禁用a标签方法
weixin_46158141的博客
06-29 1万+
禁用a标签方法前言一、js方式二、直接在a标签添加 前言 一、js方式 a标签 是没有disable 属性的 。 如果想用disable 禁止a标签的点击事件，也是可以实现的； 1、 a标签 要用 disable 属性，必须和 pointer-events属性一起使用 ，例子 如下： JS 代码： $(".praise").attr("disabled",true); $(".praise").css("pointer-events","none"); js 缩写 一行搞定：
html5 video标签屏蔽右键视频另存为的js代码
11-21
接下来，我们来看如何使用JavaScript和jQuery来阻止右键菜单的显示。在描述中提到的代码段如下： ```javascript $(‘#myVideo’).bind(‘contextmenu’,function() { return false; }); ``` 这段代码是使用jQuery...
jQuery鼠标右键点击显示菜单代码
10-30
标签“jQuery 右键”提示我们关注的重点是使用jQuery处理鼠标右键点击事件，以及构建和显示自定义的上下文菜单。 在提供的压缩包文件“texiao5612_1560680877”中，可能包含了实现这个功能的具体代码示例或相关资源...
两种JS实现屏蔽鼠标右键的方法
10-23
第二种方法稍微复杂一些，涉及到在标签内使用onmousedown事件来检测鼠标左键（或右键）的点击，并通过调用自定义函数rclick()来判断是否是右键点击。如果是右键点击，函数rclick()会再次返回false，阻止右键菜单弹出...
jQuery鼠标右键点击菜单代码.zip
06-07
标签中提到的"javascript"和"ecmascript"提示我们，这个代码也可能涉及到原生JavaScript的事件处理和DOM操作，但jQuery的API使得这些操作更加简洁易懂。 总结一下，"jQuery鼠标右键点击菜单代码.zip" 包含的可能是...
javascript中使用jquery禁用a标签
xichengxml的博客
02-02 350
$("#delUser"+user.uid).attr("disabled",true);// $("#delUser"+user.uid).css("pointer-events","none");//不可点击 $("#delUser"+user.uid).css("color","gray");//颜色置灰 $("#delUser" + user.uid).html("——");//文本
用javascript拦截a标签的超链接执行
a5101288的博客
06-08 566
有时候我们会迫不得已用超链接代替button的作用希望它执行一定的代码又不希望它导航过去，这时我们可以给a标签加上onmousedown事件,然后在事件代码的最后写入 var element=event.screlement; element.parentNode.innerHTML=element.parentNode.innerHTML; 就可以了 转载于:https:...
js jquery 禁用a标签 点击事件
opfan的博客
01-26 3万+
jquery禁用a标签方法 $(document).ready(function () { $("a").each(function () { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", "default");
鼠标右键触发事件
mao871863224的博客
08-07 1597
需求：鼠标 右键的时候使用系统自带的打开链接功能 如下图： 解决： 1、鼠标右键要展示上述默认功能，首先被点击部分要使用a标签，a标签拥有属性href才能默认打开上图 2、angular7项目中右键触发（contextMenu）事件<当然也可以使用（mousedown）事件，当e.which为3的时候就是鼠标右键，当e.which为1的时候是鼠标左键事件，当e.which为2的时候就是鼠标中键事件> TS文件中获取该id下的a标签，给该a标签增加一个href属性，并且把跳转的路由给该href
js中屏蔽a标签右键中在新窗口打开功能
qq_38985689的博客
06-29 2278
一、在现实开发中，开发人员需要对某些a标签的在新窗口打开进行屏蔽。 这时候问题就来了，我们该如何去屏蔽，是用js直接屏蔽a标签的右键事件呢，还是去修改本地的浏览器右键事件（不现实），我们不可能要求用户去修改。 所以主要的问题还在于我们如何去屏蔽a标签de右键事件。 在这里博主提供一种方法 。 我们用div去把a标签包含在内部，例如： <div oncontextmenu="ret...
disabled属性失效，a标签禁止点击，清晰明了，直接复制拿走
Rockandrollman的博客
12-30 2599
js控制可以点击 $("#NextButton").attr("disabled",false).css("pointer-events","auto"); js控制不可点击 $("#NextButton").attr("disabled",true).css("pointer-events","none"); a标签属性设置，默认不可点击 <a id="NextButton" href="#" class="btn blue" disabled="disabled" style="pointer
右键菜单事件
最新发布
成长的点滴
03-21 1114
简单设计是一款专业强大的在线设计工具，图片处理工具，包含海报设计、封面图片设计，LOGO设计、图片压缩、图片裁剪、图片格式转换等功能，是一款良心好用的设计神器。简单设计EasyDesign-免费在线设计工具图片处理工具。这个事件将在触发一次后被自动移除。只在不是鼠标右键的情况下隐藏菜单。/* 样式自定义右键菜单 */点击其他地方隐藏自定义菜单。点击自定义菜单的事件监听。编辑器区域右键菜单监听。设置自定义菜单的位置。检查菜单是否超出屏幕。
javascript禁止<a>标签
考试系统
06-15 1513
项目需求，需要禁止a 标签，例如连接：在线考试系统 代码如下：   在线考试系统   禁用链接的代码如下： document.getElementById("atest").disabled = true;   上述代码设置以后，在ie里可以禁止，在其他浏览器中好像效果不明显，同时，在ie里虽然显示为灰色，但是还是可以用鼠标点击进入连接。所以，还需要加上一句，不让点击
在"a"标签中添加点击事件
热门推荐
l_degege的专栏
05-31 7万+
<a href="javascript:void(0)" onclick="roleupdate()">修改</a> 注：https://www.cnblogs.com/sushu-yaya/p/6811426.html <!DOCTYPE html> <html lang="en"> <head> <meta ch...
禁止鼠标右键点击的JavaScript代码实现
在实际应用中，这通常涉及到绑定鼠标事件的处理程序，当检测到右键点击事件时，通过JavaScript来阻止其默认行为。常见的做法是使用JavaScript的`addEventListener`方法监听`contextmenu`事件，该事件在用户尝试打开...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值