事件阻止默认

Question

我下面有功能

function someName(e){
   e.preventDefault();
   $('#someCont').dialog({
     width:200,
     height:auto,
     modal:true
   })
}

我正在使用它

的HTML

<a href="#" onclick="someName()">Link Name </a>

但在浏览器中会引发错误“未定义e”。 有人可以建议我做错了什么吗？ 锚标记可能会超过1

Answer 1

通过jquery绑定单击函数，而不是将其内联

(function($){
    $(function() {
        function someName(e) {
            e.preventDefault();
        }

        $('a').click(function(e) {
            someName(e);
        });
    });
})(jQuery);

或在函数中添加参数：

onClick="someName(e)"

Answer 2

您需要传递事件对象

<a href="#" onclick="someName(event)">Link Name </a>

如果您不使用内联事件并分配一些ID或类来锚定并使用它来绑定事件，则可以采用其他方法。

的HTML

<a href="#" id="a1">Link Name </a>

Java脚本

$('#a1').click(function(e){
  e.preventDefault();
   $('#someCont').dialog({
     width:200,
     height:auto,
     modal:true
   })
});

Answer 3

在function someName(e) ，e是事件对象。 因此，无论何时调用此函数，都应该向window事件对象传递一个如下所示的参数：

<a href="#" onclick="someName(event)">Link Name </a> // Here I have passed this object 

否则，您将得到相同的错误'e not defined'