一个提交按钮两个事件在Html中

时间:2016-12-07 10:18:10

标签: javascript php jquery html ajax

<button id="Submit" onclick= "write_task_content()"> Submit.</button>

我在我的页面上写了这个代码用于提交按钮。 write_task_content()函数将用户的活动写入文件。当点击相同的提交按钮时,我需要重定向到另一个目录中的另一个页面。

例如: 当前路径C:\ xampp \ htdocs \ CC_real task \ 3GBCJUK5B10I32J9O2EJNNQ339GPKH.html写入提交。其中需要执行write_task_content()函数以保存用户活动,并使用相同的按钮重定向到同一窗口浏览器C:\ xampp \ htdocs \ IA_real task \ 3RKALKFQG14FDCEAT1S123EW94A792中的另一个页面。 我怎么能这样做?

2 个答案:

答案 0 :(得分:0)

保存详细信息后使用

window.location = "http://www.example.com";

重定向到另一个位置。

答案 1 :(得分:0)

首先创建提交按钮:

<form action="destination-page.html">
<input type="Submit" value="Submit" />
</form>

然后,在<script>...</script>中,使用javascript或jquery将onsubmit事件附加到表单:

<强>使用Javascript:

var form = document.getElementsByTagName('form')[0];
form.addEventListener('submit',write_task_content,false);

<强> jQuery的:

$(document).ready(
    $('form').submit(write_task_content);
);

点击提交按钮后,write_task_content()将先执行,然后浏览器会请求destination-page.html