Htmlはハイパーリンクを作らずにクリック可能なテキストを作成します

Question

私は非常にhtmlとjavascriptを使用しています。私は、特定のテキストをクリックして正しいJavaScriptを実行するオプションを追加する機能を追加したいと思います。私が見ることができる参照コード、または私を助けることができるチュートリアルはありますか？ボタンは、CSSを使用することができ、通常のテキストのように見えるように

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

：私はこのような<button>タグを使用したいのセマンティクスのため

Answer 1

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

とIをクリック渡すの容易さのためにそのような「D使用jqueryの：

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

いますが、ボタンのIDを持っている場合は、プレーンなJSリチウムを使用することができますKEこの：

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 <span class="yourClass">text</span>というクラスのテキストに置き、javascriptを使用してイベントリスナーを追加します（できればHTMLの最後に、簡潔にするため、jQueryでデモンストレーションします）。ネイティブJavaScriptを使用して。

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

別の方法としては、私はそれが本当に遅いものダウン。