什么是JavaScript函数中隐式事件和显式事件之间的区别

时间:2018-04-17 12:50:36

标签: javascript

我的html文件中有锚标记,我在点击锚标记

时调用函数

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
   <ul>
     <li> Thing 1
     <li> Thing 2
   </ul>
</div>
function myFunction(text) {
  event.preventDefault();
  document.getElementById("demo").innerHTML = "text";
  window.open("www.amazon.com", '_blank')
}

这是我在我的场景中尝试做的例子。由于我已经将参数传递给函数所以不能在函数中作为参数传递事件。我正在使用java脚本函数的隐式“事件”。它的工作正常,但我从未使用过隐式事件。

我需要知道JavaScript函数中隐式事件和显式事件之间的区别是什么? 我需要深入了解隐含事件的含义,该隐含事件存在于函数的上下文中而不是传递给函数的事件

1 个答案:

答案 0 :(得分:-1)

如果您想在HTML代码中保留onchange,请参阅下面的代码段。主要变化是:

  • 您需要2个参数:

      {li> event .preventDefault()
    • text形成文字值
  • 将参数用作变量,而不是字符串文字:document.getElementById("demo").innerHTML = text;

function myFunction(event, text) {
    event.preventDefault();
    document.getElementById("demo").innerHTML = text;
    //window.open("www.amazon.com", '_blank')
}
<a href="javascript:void(0)" onclick="myFunction(event, 'test')">Click me</a>

<p id="demo"></p>