javascript - 使用 JavaScript 提交 HTML 表单确认 Google Chrome 上的延迟

标签 javascript html forms google-chrome confirm

我意识到在我的开发过程中,在 Google Chrome 上使用 javascript 确认提交表单时会出现一些延迟。

所以我尝试用小的 html 页面进行测试,以确定延迟是否是由我的应用程序引起的。但它仍然发生在测试页面中。

我只是不想在表单的 onsubmit 事件上确认,因为出于不同目的会有不止一次提交。

这是我的测试 html。

<html>
<head><title>Test</title></head>
<body>
<script type="text/javascript">
    var currentTime = new Date()
    document.write(currentTime.getMilliseconds());
</script>
<form name="input" method="post">
<input type="submit" value="Submit" onclick="javascript:return confirm('Are you sure to submit?');" />
</form>
</body>
</html>

我怎样才能避免这种延迟?我需要改变什么吗?

如果这是由于我的 html 格式不正确或缺少某些内容引起的,请更正。

谢谢。

最佳答案

您的代码有两个问题。不太重要的一个是您在 onclick 属性中使用了 javascript:,这是不需要的。 on* 属性已经隐式评估为 JavaScript - 它们不像超链接。

其次,也是最重要的一点,您在屏幕上显示的计时器值不是您认为它在做什么。它只是获取当前日期和时间,并提取毫秒分量。这实质上为您提供了一个介于 0 和 999 之间的随机数。如果这是您用来确定提交延迟的数字,那您就错了。请放心,一旦您在确认对话框中按确定,表单就会被提交,您遇到的任何延迟完全是由于页面加载时间造成的(假设没有页面卸载脚本)。

关于javascript - 使用 JavaScript 提交 HTML 表单确认 Google Chrome 上的延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7552056/

相关文章:

javascript - 单击按钮获取周数

javascript - HTML 表单提交问题

angular - 组件初始化后如何检测表单何时为 'ready'

javascript - 自动完成列表固定位置浏览器调整大小

javascript - 无法使用ajax在php函数中传递值

javascript - html 如何检查 id 的元素是否存在?

django:form.fields 不遍历实例字段

javascript - 将 HTML + JavaScript 转换为 exe

javascript - CORS 策略阻止来自除 localhost 之外的所有来源的对外部 API 的 HTTP 请求

javascript - 除非您单击标签中的图像,否则 IE onClick 不会选中复选框?