0

簡単なコード（CMSに含まれていて編集できない）があり、クリックされた場合はヘッダーのJavascriptで読み取る必要があります。

これがコードです

<div id="example" class="page-element-outer" style="text-align: left">
    <div class="page-element-inner" >
        <input type="image" name="Button1" id="Button" src="/getresource.axd?AssetID=16813" alt="Submit" style="text-align:left;" />
    </div>
</div>

お手伝いできますか？

4

1 に答える 1

1

addEventListenerIDから要素を選択し、メソッドを使用してクリックイベントリスナーをアタッチできます。

document.getElementById("Button").addEventListener("click", callback, true);

function callback() {
   // Do some stuff in here when clicked
   alert("clicked");

   // Return false to prevent the browser default 
   // click-behaviour, if that is desired
   return false;
}

レガシーブラウザの場合

古いバージョンのIEはをサポートしていないためaddEventListener、次のような操作が必要になる場合があります。

var el = document.getElementById("Button");
if (el.addEventListener) {
  el.addEventListener('click', callback, false); 
} else if (el.attachEvent)  {
  el.attachEvent('onclick', callback);
}

DOMの準備ができるまで待ちます

これをページの先頭で実行する場合は、DOM対応のイベントリスナーもラップする必要があります。そうしないと、要素に添付されていないため、クリックイベントが要素に添付されないという変更があります。スクリプトの実行時にDOMに存在しません。

于 2012-11-22T10:50:58.420 に答える