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

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