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

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中不存在该元素。

如果链接已被点击则读取的Javascript代码

1 个答案: