菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
181
0

js模拟点击以提交表单为例兼容主流浏览器

原创
05/13 14:22
阅读数 164118



复制代码 代码如下:

<h3>请单击“提交”,测试提交按钮的单击事件也被触发了。</h3>
<button id="btn">提交</button>
<form action="#" method="get" id="form">
<input type="text" name="site" value="www.woiweb.net" readonly/>
<input id="subbtn" type="submit" value="先别点击此按钮提交" onclick="alert('我已经提交了');"/>
</form>


复制代码 代码如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn编程客栈");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>






复制代码 代码如下:

<h3>请单击“提交”,测试提交按钮的单击事件也被触发了。</h3>
<button id="btn">提交</button>
<form action="#" method="get" id="form">
<input type="text" name="sit编程客栈e" value="www.woiweb.net" readonly/>
<!--<input id="subbtn" type="submit" value="先别点击此按钮提交" onclick="alert('我已经提交了');"/> -->
<a id="subbtn" href="javascript:;" onclic编程客栈k="alert('在此调用提交表单的方法')">模拟提交按钮</a>
</form>


复制代码 代码如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>



复制代码 代码如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
//sub.click();
if (/msie/i.test(navigator.userAgent)) //IE
{
sub.fireEiRnTqvent("onclick");
} else {
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
sub.dispatchEvent(e);
}
}
</script>



























iRnTq




本文标题: js模拟点击以提交表单为例兼容主流浏览器
本文地址: http://www.cppcns.com/wangluo/javascript/102274.html

发表评论

0/200
181 点赞
0 评论
收藏
为你推荐 换一批