Javascript 为什么不打开此按钮。单击事件无效

Javascript 为什么不打开此按钮。单击事件无效,javascript,javascript-events,Javascript,Javascript Events,我的选择有问题吗?只需要on.click来处理我的按钮,它是newButton创建的元素。Javascript属性名称区分大小写,应该是newButton.onclick 或者你可以进入现代,使用addEventListener ///// FORM //// var form = document.getElementById("form"); form.setAttribute("style", "position: relative; margin-bottom: 5%;"); var

我的选择有问题吗?只需要on.click来处理我的按钮,它是newButton创建的元素。

Javascript属性名称区分大小写,应该是
newButton.onclick

或者你可以进入现代,使用
addEventListener

///// FORM  ////
var form = document.getElementById("form");
form.setAttribute("style", "position: relative; margin-bottom: 5%;");

var newButton = document.createElement('button');
var newUl = document.createElement('ul');
var newLi = document.createElement('li');
var newInput = document.createElement('input');
form.appendChild(newButton);
newButton.setAttribute("style", "position: absolute; width: 15%; height: 40px; left: 42%; color: #B00000; background-color: white; font-size: 18px; border: 0px; ");
newButton.innerHTML = "Direct Message";
newButton.onClick = function() {
  alert("works");
};

Javascript属性名称区分大小写,应该是
newButton.onclick

或者你可以进入现代,使用
addEventListener

///// FORM  ////
var form = document.getElementById("form");
form.setAttribute("style", "position: relative; margin-bottom: 5%;");

var newButton = document.createElement('button');
var newUl = document.createElement('ul');
var newLi = document.createElement('li');
var newInput = document.createElement('input');
form.appendChild(newButton);
newButton.setAttribute("style", "position: absolute; width: 15%; height: 40px; left: 42%; color: #B00000; background-color: white; font-size: 18px; border: 0px; ");
newButton.innerHTML = "Direct Message";
newButton.onClick = function() {
  alert("works");
};
两件事:

  • 需要将按钮的“type”属性设置为“button”
  • 这是“onclick”,不是“onclick”
  • 第一件事是防止按钮在单击时提交周围的
    。第二个将正确设置事件处理程序。

    两件事:

  • 需要将按钮的“type”属性设置为“button”
  • 这是“onclick”,不是“onclick”

  • 第一件事是防止按钮在单击时提交周围的
    。第二个将正确设置事件处理程序。

    此代码不起作用,因为语法不正确

    有关事件“单击”的正确语法如下所示:

    newButton.addEventListener("click", function() {
        alert("works");
    });
    

    事件以小写形式写入。

    由于语法不正确,此代码不起作用

    有关事件“单击”的正确语法如下所示:

    newButton.addEventListener("click", function() {
        alert("works");
    });
    

    事件写在小写字母上。

    您不发布MCVE的原因是什么?对不起,我有点新,不知道MCVE,对不起,您不发布MCVE的原因是什么?对不起,我有点新,不知道MCVE,对不起。谢谢您,先生,为什么这比onclick好。似乎更多的是无缘无故地编写它更一般,因为您可以使用它添加多个侦听器。它还有一个可选的参数,允许更多的灵活性。哈哈,谢谢你,先生,为什么这比onclick好。似乎更多的是无缘无故地编写它更一般,因为您可以使用它添加多个侦听器。它还有一个可选参数,允许更大的灵活性。好的,谢谢,如果我真的希望表单被提交到按钮中呢function@FransB哦,如果您确实希望提交表单,那么不要将“type”设置为“button”。或者您可以显式地将类型设置为“submit”以使事情显式化。好的,谢谢,如果我确实希望表单被提交到按钮中,该怎么办function@FransB哦,如果您确实希望提交表单,那么不要将“type”设置为“button”。或者,您可以显式地将类型设置为“submit”,以使事情显式化。