HTML / Javascript addEventListener无法调用？

Question

<!DOCTYPE html>
<HTML>
<HEAD>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
video {
  right: 0;
  bottom: 0;
  min-width: 50%;
  min-height: 50%;
  max-width: 90%;
  max-height:90%;
  width: auto;
  height: auto;
</style>
</HEAD>
<BODY bgcolor=black>
<center><video width="853" height="480" autoplay="autoplay">
  <source src="file:///C:/Program Files/NARUTO SHIPPUDEN Ultimate Ninja STORM 2/IntroMovie.mp4" type="video/mp4" />
  Your browser does not support HTML5 video.
</video></center>
</BODY>
<script type="text/javascript">
document.body.addEventListener("onclick", function(){
    alert("Hello! I am an alert box!!");
});
document.body.addEventListener("oncontextmenu", function(){
    alert("Hello! I am an alert box!!");
});
document.body.addEventListener("onkeypress", function(){
    alert("Hello! I am an alert box!!");
});
</script>
</HTML>

由于某种原因，无论何时我单击主体（无论在视频内部还是外部），警报框都不会弹出。

有什么原因导致代码不显示警报框？

Answer 1

它应该是：

document.body.addEventListener("click", function(){
    alert("Hello! I am an alert box!!");
});

您在每个动作前都添加了一个不必要的“ on”（attachEvent是必需的，而addEventListener则不需要）。

应该：

点击
按键
上下文菜单
等等

HTML / Javascript addEventListener无法调用？

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-04-02 22:05:08

HTML / Javascript addEventListener无法调用？

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-04-02 22:05:08

解决方案1
2 已采纳 2015-04-02 22:05:08