Question

我有这段代码：

<a href="" onclick="return false;" class="submitme">Add</a>

当用户按下此按钮而不更改代码或添加onclick事件时，有没有办法发出警报？

Answer 1

您可以使用JavaScript简单地覆盖该属性：

// Select the targeted element(s), in this case the first <a> element
// Note: You will need to replace this by a code that works
//       for your actual markup!
document.getElementsByTagName("a")[0].onclick = function() {
    alert("hi");
    return false;
};

演示：http://jsfiddle.net/WNZAP/

Answer 2

没有事件就无法触发动作。但是，如果我的问题得到了解决，您希望在不更改HTML的情况下触发警报。

最简单的方法是使用像jQuery这样的JavaScript库。因此，通过下载并将其放入项目或通过Google CDN加载库：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

然后做这样的事情：

<script type="text/javascript">
$(document).ready(function(){
    $(".submitme").click(function(){
        alert("hello world");
    });
});
</script>

Answer 3

由于OP声明不允许他们更改HTML，并且他们无法使用该jquery。

链接上没有'id'会让生活变得非常困难。所以下面的代码假设链接是页面上的第一个链接......

将此javascript放入您网页的<head></head>部分...

<script type="text/javascript">
  window.onload = function() {
    document.getElementsByTagName("a")[0].onclick = function() {
      alert("Hello World");
      return false;
    }
  }
</script>

请参阅Live JSFiddle Demo

有没有办法在没有真正的onclick事件的情况下使用onclick？

3 个答案: