2
4

4 に答える 4

6

考えられる 3 つの方法を最良の順に並べると、次のようになります。

  1. 目立たないように - JavaScript では、addEventListenerメソッドはクリック イベント ハンドラーをアタッチするために使用されます。これは、JQuery やその他のライブラリが内部で行っていることです。以前は、代わりにIE が使用されていたと思いますattachEvent(補足として)。

  2. onclickアンカータグの属性 - onclick="yourEventHandler()".

  3. href="javascript: func();"

于 2013-07-29T00:16:15.347 に答える
1

このように分解してみましょう。

href最初に要素に IDを与えます。

<a href="#" id="myID">My Link</a>

これで、この要素を一意に識別できます。

その要素のイベントにアクセスする JavaScript は次のようになります。

// first get the element by id
var myLink = document.getElementById("myID");

// add an event listener to listen for clicks

myLink.addEventListener('click', function(e) {
      alert(e.target.id);
      // prevent the element from invoking its default event,
      // which, in this case would be appending an '#' to the URL
      e.preventDefault();


}, false);

ここに例があります

于 2013-07-29T00:19:32.237 に答える
1

クライアント側コードの別の場所で、javascript イベント ハンドラーがアンカー (A) 要素のクリック イベントにバインドされていました。scriptこれは、構造 (HTML)、レイアウト (CSS)、およびロジック (Javascript) を互いに独立させて、関心を分離する方法として別のファイル (またはブロック) で行われます。

これhref="#"は、ブラウザーに別のページをロードしないように指示する NOOP のようなものであり、javascript ハンドラーが割り当てられなかった場合 (つまり、クライアントが javascript をサポートしていない場合) の応急処置です。

于 2013-07-29T00:21:22.623 に答える
0

ほとんどの場合、このa要素にはonclickJavaScript 関数を参照する属性があります。

 <a onclick="my function()" href="#">Click me</a>
于 2013-07-29T00:18:34.070 に答える