如何在函数内使用 Javascript 事件 preventDefault() 函数？答案

【问题标题】：How to use Javascript event preventDefault() function inside a function?如何在函数内使用 Javascript 事件 preventDefault() 函数？
【发布时间】：2018-03-19 09:11:32
【问题描述】：

我想做这样的事情：

HTML 代码：

<a id="myAnchor" href="#" onclick="myfun()">Click Me </a>

JavaScript 代码：

function myfun(event) {
    event.preventDefault();
    alert("OK");
}

我知道我们可以编写如下代码：

document.getElementById("myAnchor").addEventListener("click", 
function(event){
   event.preventDefault();
   alert("OK");
});

但我想要上面提到的东西

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/Guide/Events/…
为什么要内联JS？后一个例子要好得多。
生活中有些时候我们需要妥协。

标签： javascript dom-events preventdefault

【解决方案1】：

在元素中的函数调用中传递event：

function myfun(event) {
    event.preventDefault();
    alert("OK");
}

&lt;a id="myAnchor" href="#" onclick="myfun(event)"&gt;Click Me &lt;/a&gt;

【讨论】：

【解决方案2】：

<a id="myAnchor" href="#" onclick="myfun(event)">Click Me </a>

【讨论】：