jquery - 将 preventDefault() 与函数分开

Question

而不是这样的

$('#submitbutton').click(function(e) {
    e.preventDefault(); //to avoid the submit button to reload the page and go page to page one.
/* computing dimensions */
});

我想把我的功能放在别的地方，像这样：

$('#submitbutton').click(computeUserDimensions);

function computeUserDimensions(){
/* computing dimensions */
}

但是后来我不知道在哪里preventDefault提供点击（在提交按钮上）以转到另一个页面。

你能帮我解决这个问题吗？

谢谢

Answer 1

向您的函数添加参数event，它将被jQuery隐式传递。

$('#submitbutton').click(computeUserDimensions);

function computeUserDimensions(event){
    /* computing dimensions */
    event.preventDefault();
}

Answer 2

您可以将函数调用更改为处理单击并调用子函数的匿名函数。

$('#submitbutton').click(function(e) {e.preventDefault(); computeUserDimensions();});

function computeUserDimensions(){
/* computing dimensions */
}

Answer 3

function computeUserDimensions(e){

   var evt = e ? e:window.event;
   if (evt.preventDefault) evt.preventDefault();

   /* computing dimensions */

}