Html使文本可點擊而不使其超鏈接

Question

我很新，使用HTML和JavaScript。我想添加能夠選擇點擊某些文本並執行正確的JavaScript。有沒有我可以看的任何參考代碼，或者一個可以幫助我的教程？

Answer 1

的語義我會使用一個<button>標籤是這樣的：

<button class="link">Clicky</button> 

使按鈕看起來像你可以使用CSS普通文本：

button.link { background:none;border:none; } 

和移交點擊我的容易度'd使用jquery這樣的：

$(".link").click(function(){ 
    //your JS here 
}); 

但如果你有一個ID的按鈕，你可以使用普通的JS裏柯此：

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 

Answer 2

用於交互式控制的apropriate元素不是鏈接某處是<button>Label</button>或（<input type="button" value="Label">）。 （你總是可以用CSS來模仿邊框和背景）。

您可以使用標準DOM API（或抽象它們的庫，例如YUI或jQuery）將click事件處理程序綁定到它。

Answer 3

將文本放入範圍或其他元素中，並使用類<span class="yourClass">text</span>，然後使用javascript添加事件偵聽器（最好在html的末尾。爲簡潔起見，我將用jQuery進行演示，儘管它可以完成與

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

本地JavaScript，或者你可以通過做所有的網頁搜索這個詞的情況下，雖然我不建議，因爲它真的會慢下來。