如何实现链接只能被点击一次

Posted xiaoqi2018

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实现链接只能被点击一次相关的知识,希望对你有一定的参考价值。

有时候,只希望某个链接只能被点击一次,怎么做呢?下面给出3中方法!
第一种:
利用JS在点击后把href变成#把taget变成空。

<p><a onclick="var that = this;setTimeout(function(){that.removeAttribute(‘href‘);that.onclick=that=null;}, 0);return true;" href="http://www.baidu.com" target="_blank">百度一下,你就知道!</a></p>

 

第二种:
利用JS在点击后删除href属性,使链接变为文字。兼容IE6,IE7,IE8,Firefox,Opera,Safari,Chrome

 

<p><a onclick="var that = this;setTimeout(function(){that.removeAttribute(‘href‘);that.onclick=that=null;}, 0);return true;" href="http://www.baidu.com" target="_blank">点击我领红包</a></p>

第三种:
设置href值及target值的一种做法

 

<p><a onclick="this._clk?(this.href=‘javascript:;‘,this.target=‘_self‘):(this._clk=1);" href="http://www.baidu.com" target="_blank">点我试试看</a></p>

 

以上是关于如何实现链接只能被点击一次的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何实现一个按钮只能点击一次,再点击就无效?

详谈ccjump如何通过代码实现微信h5页面跳转浏览器 在微信中点击链接直接跳转到手机默认浏览器

HTML代码片段

HTML代码片段

微信小程序代码片段

Android - 如何将一个片段放在另一个片段上