Question

尝试修改现有程序。

单击按钮时，它会调用OnClick方法，该方法调用类似于：

的方法

document.forms.submit()

我想使用相同的代码但添加：

document.getElementById("overlay").style.display = 'block';

这将基本上取消隐藏带有加载覆盖的页面覆盖。

是否有一些地方可以将其添加到处理中？

Answer 1

没有理由为您的点击事件提供多个侦听器。为什么不在某处添加另一个“通用”监听器？

$('.button').on('click', function() {
    $('#overlay').show();
});

请确保此代码段在页面加载时运行，我猜你应该很好。

Answer 2

为什么不通过另一个函数调用submit()函数并添加你想要的任何内容：

function myFunction() {
    document.forms.submit();
    document.getElementById("overlay").style.display = 'block';
}

使用myFunction()方法

调用onclick时

Answer 3

如果您不想编辑/无法访问旧的javascript方法，可以添加另一种方法来点击提交的事件并在显示叠加后调用上一个函数

<input type="submit" onclick="myNewFunction()" value="Submit" />

的Javascript

function myNewFunction() {
  document.getElementById("overlay").style.display='block';
  oldFunction();
}

使用jquery，你可以绑定一个click事件来提交，然后使用上面的函数，如下所示。

$(window).ready(function() {
  $("input[type='submit']").on('click',function(e) {
    $(".overlay").show();
    oldFunction(); //unless it's already binded and will be called
   });
});

修改Javascript Submit（）函数

3 个答案: