[英]Add href to anchor tag on the n click
<section>
<a **id="download"** oncontextmenu="return false" > <svg ...
</svg></a>
</section>
<script type="text/javascript">
下面的代碼只是為了獲得前 2 次點擊。
$("#download").click(function(){
$("#download").attr("oncontextmenu", "false");
});
$("#download").click(function({
$("#download").attr("oncontextmenu", "false");
});
這是在第三次單擊時添加 HREF 的最終函數。
$("#download").click(finalfunction({
$("#download").attr("href", "<%= downloadLink %>");
});
</script>
但是這段代碼不起作用。 請幫幫我。
ID 必須是唯一的。 使用 class。
擁有一個 eventListener 並計算其中的點擊次數
嘗試這樣的事情
我添加了一些調試
$(".download").on("click", e => { const anchor = e.currentTarget; let cnt = anchor.dataset.cnt; if (cnt === "2") { anchor.href = anchor.dataset.href; console.log("clicked 3 times") } else { cnt++; anchor.dataset.cnt = cnt; $(".count",anchor).html(`Click ${3-cnt} more time${3-cnt === 1? "": "s"}`) e.preventDefault() } })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <section> <a class="download" href="#" data-cnt="0" data-href="...." class oncontextmenu="return false"><span class="count">Click 3 times</span> <svg... </svg></a> <a class="download" href="#" data-cnt="0" data-href="...." class oncontextmenu="return false"><span class="count">Click 3 times</span> <svg... </svg></a> </section>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.