讀取是否單擊鏈接的Javascript代碼

Question

我有一些簡單的代碼（包含在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>

你能幫忙嗎？

Answer 1

您可以通過其ID選擇元素，並使用addEventListener方法附加單擊事件偵聽器。

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 ，因此對於那些版本的IE，您可能需要執行以下操作：

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

等待DOM准備就緒

如果您打算在頁面的頭部運行此代碼，則還需要將其包裝為DOM就緒的事件偵聽器，否則會發生更改，即click事件未附加到該元素，因為該元素不會運行腳本時，DOM中不存在。