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

将文本放在带有类<span class="yourClass">text</span>的span或其他元素中，然后使用javascript添加事件监听器（最好在html的末尾。为简洁起见，我将用jQuery演示，尽管它可以使用原生javascript完成。

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

或者，您可以在所有页面中搜索该单词的实例，但我不建议这样做，因为它会让事情变慢。

Answer 4

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