javascript - 无法将 "onclick"函数添加到 div 元素 javascript

Question

无法向元素javascript添加函数

modalbg.onclick 函数无效。

var modalbg = document.createElement("div");

document.body.appendChild(modalbg); // to place at end of document
    modalbg.onclick(function () {
       alert();
})

错误是:

(index):625 Uncaught TypeError: modalbg.onclick is not a function(…)

Answer 1

你的语法:

modalbg.onclick(function () {
            alert();
        })

是错误的，报告的错误消息明确告诉您错误的原因:onclick 不是函数。

如果您必须使用 onclick，则相应的语法是:

modalbg.onclick = function () {
        alert();
      };

尽管我强烈建议您放弃 onclick 事件处理程序，而改用 EventTarget.addEventListener()，以提供:

modalbg.addEventListener('click', alert);

或者:

modalbg.addEventListener('click', function(){
  alert();
});

引用资料:

• > EventTarget.addEventListener() .