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

Question

我很擅長使用html和javascript。 我想添加能夠選擇單擊某些文本並執行正確的javascript的功能。 是否有我可以查看的參考代碼，或者可以幫助我的教程？

Answer 1

對於語義我會像這樣使用<button>標簽：

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

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

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

為了方便處理點擊，我會像這樣使用jquery：

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

但是如果按鈕上有ID，你可以像這樣使用普通的JS：

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

Answer 2

交互式控件的適當元素是<button>Label</button>或（ <input type="button" value="Label"> ）。 （你總是可以用CSS去掉邊框和背景）。

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

Answer 3

<div id="text" onClick="function()"> your text here </div>

Answer 4

將文本放在帶有<span class="yourClass">text</span>類的span或其他元素中，然后使用javascript添加事件監聽器（最好在html的末尾。為簡潔起見，我將演示使用jQuery，雖然可以使用本機javascript完成。

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

或者，您可以在所有頁面中搜索該單詞的實例，但我不建議這樣做，因為它會使事情變慢。