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

您可以通过其 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，因此对于那些您可能需要执行以下操作的人：

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 回答