我的第二个双击功能不起作用

Question

单击特定 div 时，我希望另一个 div 创建一个新的 p 样式，其中包含文本。

创建的第一个函数运行良好 - 第二个似乎推翻了第一个。我已经尝试更改基本上所有内容的名称，但它似乎仍然无效。我该如何解决这个问题？

  var para = document.createElement("P");
  para.innerHTML = "The Siamese crocodiles share one stomach, yet they fight over food.";
  document.getElementById("information").appendChild(para);
}
    window.onload = function() {
        document.getElementById("i29").ondblclick = function i29i() {
            i29();
        }
    }



function i3() {
  var para = document.createElement("P");
  para.innerHTML = "When you climb a good tree, you are given a push.";
  document.getElementById("information").appendChild(para);
}

    window.onload = function() {
        document.getElementById("i3").ondblclick = function i3i() {
            i3();
        }
    }```

Answer 1

你可以这样做：

HTML:

<div onClick="firstClick()">First</div>
<div onClick="secondClick()">Second</div>

<div id="information"></div>

是：

    function firstClick(){
        var para1 = document.createElement("P");
        para1.innerHTML = "The Siamese crocodiles share one stomach, yet they fight over food.";
        document.getElementById("information").appendChild(para1);
        }
    function secondClick(){
        var para2 = document.createElement("P");
        para2.innerHTML = "When you climb a good tree, you are given a push.";
        document.getElementById("information").appendChild(para2);
    }

Answer 2

当您将 window.onload 分配给不同的函数两次时，您正在将其重置为另一个值。最简单的解决方案是执行以下操作：

window.onload = function() {
    document.getElementById("i29").ondblclick = i29;
    document.getElementById("i3").ondblclick = i3;
}

我的第二个双击功能不起作用

my second double-click function not working

javascript

function

click

ondoubleclick