e.preventDefault（）不能在javascript中工作，但可以在jQuery中工作

Question

这段代码应该可以正常工作，但是我不知道它在哪里卡住了！

该代码非常简单，并且应该可以正常工作，我认为问题是传递的第三个参数（“ mouseup”，function（）{}，false）

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>html demo</title>
</head>
<body>
<a id="navlink" href="http://google.com">Click me</a>
<div id="Reveal">Not Clicked</div>
<script>
    document.getElementById('navlink').addEventListener("mouseup" , function(e){
        e.preventDefault();
        document.getElementById('reveal').innerHTML("Clicked");
    },false);
</script>

</body>
</html>

Answer 1

您对innerHTML和div Reveal的id有问题

document.getElementById('navlink').addEventListener("mouseup" , function(e){
    e.preventDefault();
    document.getElementById('Reveal').innerHTML = "Clicked";
},false);

问候。

Answer 2

尝试这个，

document.getElementById('reveal').innerHTML = "Clicked";

因为innerHTML是属性而不是函数。 另外，您的代码中有错别字，“显示”是DIV的ID。

Answer 3

您需要进行以下更正，请参见下面的代码段

1） .innerHtml不是方法，它是属性，因此必须使用=

2） getElementById区分大小写，因此document.getElementById('reveal')必须为document.getElementById('Reveal')

 document.getElementById('navlink').addEventListener("mouseup" , function(e){ e.preventDefault(); document.getElementById('Reveal').innerHTML = "Clicked"; },false);

 <a id="navlink" href="http://google.com">Click me</a> <div id="Reveal">Not Clicked</div>

参考： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Property_Accessors

Answer 4

请尝试添加点击事件，而不是mouseup。

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>html demo</title>
  </head>
  <body>
    <a id="navlink" href="http://google.com">Click me</a>
      <div id="Reveal">Not Clicked</div>
    <script>
      document.getElementById('navlink').addEventListener("click" , function(e){
      e.preventDefault();
      //document.getElementById('reveal').innerHTML("Clicked");
      },false);
    </script>
</body>
</html>

Answer 5

innerHTML是属性，而不是mutator方法。 语法如下：

返回 innerHTML属性： HTMLElementObject.innerHTML

设置 innerHTML属性： HTMLElementObject.innerHTML=text

在您的情况下，应为： document.getElementById('reveal').innerHTML = "Clicked";

另外， addEventListener的最后一个参数是可选的。 它是一个布尔值，它指定是在捕获阶段还是冒泡阶段执行事件。

Answer 6

e.preventDefault不会阻止mouseup或mousedown 。 检查此答案。 您必须使用click()或addEventListener("click",才能使用preventDefault 。

范例： document.getElementById('navlink').addEventListener("click" , function(e){

在您的代码中，您使用innerHTML作为函数时犯了一个错误，并且reveal具有大写的R，因此更正的形式是

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>html demo</title>
</head>
<body>
<a id="navlink" href="http://google.com">Click me</a>
<div id="Reveal">Not Clicked</div>
<script>
    document.getElementById('navlink').addEventListener("click" , function(e){
        e.preventDefault();
        document.getElementById('Reveal').innerHTML = "Clicked";
    },false);
</script>

</body>
</html>

e.preventDefault（）不能在javascript中工作，但可以在jQuery中工作

问题描述

6 个解决方案

解决方案1
1 2014-09-17 07:06:54

解决方案2
0 2014-09-17 07:02:37

解决方案3
0 2014-09-17 07:07:44

解决方案4
0 已采纳 2014-09-17 07:08:22

解决方案5
0 2014-09-17 07:12:45

解决方案6
0 2014-09-17 07:16:04

e.preventDefault（）不能在javascript中工作，但可以在jQuery中工作

问题描述

6 个解决方案

解决方案1 1 2014-09-17 07:06:54

解决方案2 0 2014-09-17 07:02:37

解决方案3 0 2014-09-17 07:07:44

解决方案4 0 已采纳 2014-09-17 07:08:22

解决方案5 0 2014-09-17 07:12:45

解决方案6 0 2014-09-17 07:16:04

解决方案1
1 2014-09-17 07:06:54

解决方案2
0 2014-09-17 07:02:37

解决方案3
0 2014-09-17 07:07:44

解决方案4
0 已采纳 2014-09-17 07:08:22

解决方案5
0 2014-09-17 07:12:45

解决方案6
0 2014-09-17 07:16:04