如何將點擊偵聽器添加到A元素
[英]How to add a click listener to an A element
問題描述
當我按下a標簽時，我想執行以下命令：
<a id="demo">Hello.</a> <script> document.getElementById("demo").onclick = function() {myFunction()}; var url = "http://www.google.com"; var myWindow = window.open(url, "http://www.google.com", "width=700,height=275"); </script>
如何正確執行操作，僅在按下a標簽時才運行var？ 我基於以下幾點：
<a id="demo">Hello.</a> <script> document.getElementById("demo").onclick = function() {myFunction()}; function myFunction() {document.getElementById("demo").innerHTML = "Hi there!";} </script>
非常感謝！
4 個解決方案
解決方案1
1 2017-06-28 20:34:38
您沒有在onclick函數中包含這兩個var語句，因此它們始終運行。
另外， <a>您的<a>元素正確無誤，它需要一個href屬性。 如果您真的不想導航到任何地方，則根本不需要<a>元素，則可以使用幾乎任何其他元素，並為其分配click事件處理程序，完全與使用<a>元素。 有關示例，請參見下面的代碼：
#demo { cursor:pointer; }
<div id="demo">Hello.</d> <script> document.getElementById("demo").onclick = function() { var url = "http://www.google.com"; var myWindow = window.open(url, "http://www.google.com", "width=700,height=275"); }; </script>
解決方案2
0 2017-06-28 20:32:31
您剛剛失去了在點擊處理程序中調用的myFunction的定義。
您可以直接在onclick內部移動它，如下所示：
<a id="demo">Hello.</a> <script> document.getElementById("demo").onclick = function() { var url = "http://www.google.com"; var myWindow = window.open(url, "http://www.google.com", "width=700,height=275"); }; </script>
解決方案3
0 2017-06-28 20:35:57
您必須編寫如下代碼：
<a id="demo">Hello.</a>
<script>
document.getElementById("demo").addEventListener("click", function(){
alert("Hi")
})
</script>
解決方案4
0 2017-06-28 22:36:19
<body>
<a id="demo">Hello.</a>
<script>
document.getElementById("demo").onclick = function() {
window.location.href="https://www.google.com"
};
</script>
</body>
如何將單擊偵聽器添加到聚合物自定義元素的子級？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.