时间:2014-01-29 来源:

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

在实际的应用开发中承接网页制作,我们会常常用到JS的模事件,承接网页制作但有时会遇到一些问题,html静态页面制作比如说点击事件,网站div+css举个简单的例子符合w3c标准,测试提交按钮的单击事件也被触发了.</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>

Javscript:
复制代码 代码如下:

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

经过测试网页外包接活,FF,Opera,Safari都没有问题,承接网页制作均可正常提交表单.

但在实际的设计中web切图报价,为了让提交按钮更好看,web切图报价buildder经常把它们用a标签来处理符合w3c标准,加个背景图片来模拟按钮,html切图制作我们仍然用上面的思路来尝试网页外包接活,增加一个a标签,网页外包接活让它来提交表单web前端制作,测试提交按钮的单击事件也被触发了.</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('我已经提交了');"/> -->
<a id="subbtn" href="javascript:;" onclick="alert('在此调用提交表单的方法')">模拟提交按钮</a>
</form>

Javascript:
复制代码 代码如下:

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

运行后承接网页制作,问题出现了,div前端切图IE、FF、Opera均OK,但Chrome和Safari不能正常运行,web切图报价后来网上搜索了下符合w3c标准,发现a标签并不是和按钮一样有onclick()事件的,手机html制作解决办法是针对 IE 和 FF编写不同的逻辑网页外包接活, false, false);
sub.dispatchEvent(e);
}
}
</script>

至此,web前端制作问题解决承接网页制作,虽然这个问题很简单,承接网页制作但很容易被大家忽略web切图报价,贴出来和大家一起分享.

语法:

createEvent(eventType)

参数   描述

eventType 想获取的 Event 对象的事件模块名.关于有效的事件类型列表,网站div+css请参阅”说明”部分.

返回值

返回新创建的 Event 对象符合w3c标准,具有指定的类型.

抛出

如果实现支持需要的事件类型,手机html制作该方法将抛出代码为 NOT_SUPPORTED_ERR 的 DOMException 异常.

说明

该方法将创建一种新的事件类型网页外包接活,该类型由参数 eventType 指定.注意,网页外包接活该参数的值不是要创建的事件接口的名称web前端制作,而是定义那个接口的 DOM 模块的名称.

下表列出了 eventType 的合法值和每个值创建的事件接口:

参数      事件接口  初始化方法
HTMLEvents  HTMLEvent iniEvent()
MouseEvents  MouseEvent iniMouseEvent()
UIEvents    UIEvent  iniUIEvent()

用该方法创建了 Event 对象以后,div+css制作必须用上表中所示的初始化方法初始化对象.关于初始化方法的详细信息承接网页制作,请参阅 Event 对象参考.

该方法实际上不是由 Document 接口定义的,承接网页制作而是由 DocumentEvent 接口定义的.如果一个实现支持 Event 模块web切图报价,那么 Document 对象就会实现 DocumentEvent 接口并支持该方法. 点击次数:2554
作者:

其它web前端开发资讯

Win7系统超级用户被禁用的解决方法2018年01月22日Android-match_parent和fill_parent的区别 【编程语言】2018年01月22日卡巴斯基正式发布支持Win8.1的简体中文版2018年01月22日Android百度地图SDKv3.0.0(二)定位与结合方向传感器 【移动开发】2018年01月22日算法导论------------桶排序算法之研究 【编程语言】2018年01月22日Dubbo-Admin管理平台和Zookeeper注册中心的搭建 【综合】2018年01月22日统一交换机接口的千难万阻2018年01月22日Photoshop打造完美冬季冷色彩妆MM2018年01月22日windows客户端加入域时报错:DNS名称不存在 【综合】2018年01月22日说说PendingIntent的内部机制 【编程语言】2018年01月22日OpenCVR微信帐号 【移动开发】2018年01月22日LCM的个数UVa10892 【数据库】2018年01月22日POJ1698Alice'sChance(最大流+拆点)【互联网】2018年01月22日Word里怎么从第三页插入页码2018年01月22日三星计划推迟发布Tizen智能手机2018年01月22日喜马拉雅FM入驻“云朵”:灯泡会说话!2018年01月22日
web前端行业资讯
Web new NewsList
微软发布WindowsServerBuild17074更新 ,,2018年01月18日凭借一个AI小功能,这款Google应用冲上苹果AppStore榜首 ,,2018年01月18日百度数据可视化实验室正式成立,发布深度学习可视化平台VisualDL ,,2018年01月18日OpenAI开源最新工具包,模型增大10倍只需额外增加20%计算时间 ,,2018年01月18日百度手机输入法8.0正式发布:支持多人语音速记 ,,2018年01月18日CSDN宣布收购TinyMind团队并升级为AI社区 ,,2018年01月18日甲骨文发布补丁修复英特尔芯片漏洞造成的问题 ,,2018年01月18日权威!官方发布CPU熔断和幽灵漏洞防范指引:附补丁下载 ,,2018年01月18日Oracle宣布新的JavaChampions ,,2018年01月18日Fedora28壁纸征集活动现已开幕:将持续至2月13日 ,,2018年01月18日苹果WebKit团队发布Speedometer2.0网页响应测试工具 ,,2018年01月18日百度输入法8.0后天发布:全感官AI输入 ,,2018年01月18日腾讯和乐高合作:共同研发智能玩具、游戏 ,,2018年01月18日HomePod上市日益临近智能音箱市场吸引力越来越大 ,,2018年01月18日英特尔公布修补漏洞后PC性能数据:8代CPU影响最小 ,,2018年01月18日云存储公司Dropbox秘密提交IPO申请估值超百亿美元 ,,2018年01月18日iPod之父:防手机上瘾无技术难度苹果谷歌应承担责任 ,,2018年01月18日芯片不安全英特尔云客户考虑转用AMD等对手处理器 ,,2018年01月18日2018年Java展望 ,,2018年01月18日区块链有多火?快播流量矿石遭20多万人疯抢 ,,2018年01月18日Intel搞定神经拟态芯片:模拟人类大脑、自主学习 ,,2018年01月18日阿里巴巴发布IoTConnect开放连接协议,盼推动语音互动入口普及 ,,2018年01月18日区块链火了,全球大佬们怎么看? ,,2018年01月18日Facebook正测试新功能主推本地新闻资讯 ,,2018年01月18日在GooglePlay中发现使用Kotlin开发的安卓恶意软件 ,,2018年01月18日VisualStudio201715.6预览版本2,增加新功能 ,,2018年01月18日百度陆奇:AI是5G最好的加速器 ,,2018年01月18日PinterestCEO:不同于谷歌和Facebook,我们走了第三条路 ,,2018年01月18日腾讯加码区块链项目已悄然注册“以太锁”商标 ,,2018年01月18日3D打印脑组织?科学家正在向这一目标正在前进 ,,2018年01月18日jQuery事件队列调整方法2014年01月29日阅读高手编写的类似QQ聊天的服务端代码业务层设计总结 【编程语言】2014年12月03日Asp.net中时间格式化的6种方法详细总结2014年01月29日数组-09.求矩阵的局部极大值(15) 【编程语言】2015年02月16日通过已有Nginx镜像创建私有仓库 【云计算】2015年06月11日CentOS7上源码安装KVM(qemu--kvm) 【架构设计】2015年06月11日报告称当前Linux人才抢手高薪也难觅 ,,2016年06月23日何为XHTML??2014年01月29日Centos6.6安装chrome谷歌浏览器 【架构设计】2015年05月05日php项目打包方法2014年01月29日Windows核心编程之创建可等待定时器及其APC回调【Web前端】2015年02月28日WCF之什么是WCF 【移动开发】2015年04月01日谷歌将在更多城市推出GoogleFiber ,,2016年06月23日HTTP协议 【Web前端】2015年05月06日python使用urllib模块开发的多线程豆瓣小站mp3下载器2014年01月29日Ubuntu学习札记【二】Ubuntu12.04软件中心安装flash插件过程失败解决办法【移动开发】2014年11月12日js实现日期灵活格式化的小例子2014年01月29日Jboss7配置日志 【云计算】2015年07月01日用友财务总账(GL)模块的BI数据ETL分析 【Web前端】2014年12月22日选择排序(直接选择排序、堆排序)——Java 【编程语言】2015年08月24日asp中Byval与Byref的区别2014年01月29日leetcode153:FindMinimuminRotatedSortedArray【架构设计】2015年01月04日JavaIO流详解(五) 【移动开发】2015年03月16日SVN常用命令备注 【数据库】2015年04月24日自定义的Viewpager的CustomViewPager 【数据库】2015年03月24日php入门学习知识点四PHP正则表达式基本应用2014年01月29日JQuery详解一【综合】2015年08月03日KV存储方案TomP2P4.0.7发布,支持MapReduce ,,2016年06月23日jquery$.getJSON()跨域请求2014年01月29日MySQLauto_increment间隙问题 【架构设计】2015年03月26日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)