javascript - e.preventDefault(); undefined 不是函数

Question

我收到以下错误信息，即我的 e.preventDefault(); ---> “e.” undefined is not a function当点击 <button class='url_qry_add' onclick='url_qry_add(this);'> .函数本身是在我的 </body> 结束之前定义的而且我只调用了一次 jQuery。

函数结构如下:

var url_qry_add = function ( e ) {
    e.preventDefault();
    ...
};

曾经是:

$( "ul.url_qry" ).on( "click", "li .url_qry_add", function ( e ) {
    e.preventDefault();
    ...
});

但是后来动态添加的后续按钮没有被拾取。

所以我一直在想办法解决这个问题，并决定我应该尝试将问题函数转换为命名的“可调用”函数，并使用 onclick='..' 手动调用进入动态创建前后存在的按钮。

就像我说的，错误一定是我创建函数的方式或我调用它的方式。该错误与文件顺序无关，我也没有意外地将函数嵌套在另一个函数或 document.ready 中。 .

我做错了什么？

Answer 1

<button class='url_qry_add' onclick='url_qry_add(event);'>

var url_qry_add = function (e) {
    console.log(typeof e.preventDefault); // function 
};

更新:

我会尝试阐明它是如何“内部”工作的，当我们向“内部”函数 url_qry_add 添加属性时，它看起来像这样:

document.querySelector('.url_qry_add').addEventListener('click', function (event) {
  (function (event) {
    url_qry_add(event, this, $(this));
  }).call(event.target, event);
});

var url_qry_add = function (event, element, $jElement) {
  console.log(event);
  console.log(element);
  console.log($jElement);
};

因此，我们有变量“event”(事件对象，我们有方法 preventDefault 等等)，和“this” (当前元素)。我希望这个解释能帮助您理解我们在哪里获得变量“event”。