jQuery中模拟用户操作(jquery模拟键盘输入)

boyanx8个月前技术教程24

有时为了节省不想手动操作网页,但又想看到用户操作时的效果,可以用到jQuery提供的trigger方法。见下图代码

在不点击按钮时仍然想弹出this.value

我们只需要在后面加上.trigger("事件名称")就可以在不点击按钮的情形下看到用户点击按钮时看到的效果。这种方法的简写方法是用.事件名称代替trigger("事件名称"),这种简写方法只适用于系统时间。

另外一种模拟方法是.triggerHandler,这种方法是基于.trigger的,只是增加了一些细节

他们之间的区别主要有4个:

1.trigger不会阻止默认行为,但triggerHandler会阻止默认行为

2.trigger会对所有的事件集合作用,而triggerHandler只对第一个作用

3.trigger是返回当前包含事件触发元素的jQuery对象可以连缀使用,而triggerHandler方法则返回当前事件执行的返回值,如果返回值不存在,则返回undefined

4.trigger在自定义事件中会冒泡,利于jQuery扩展于DOM的机制,但triggerHandler则不会。

posted on 2016-06-29 21:08 QiScript阅读(...) 评论(...)编辑收藏

相关文章

Datetimepicker.js用法(datetimepicker属性)

$('.form_date').datetimepicker({//初始化 language: 'zh-CN', //weekStart: 1,...

java学习路线 新手必备 没有学不会的知识

怎么学习Java,这是很多新手经常会问我的问题,现在我简单描述下一个Java初学者到就业要学到的一些东西: 首先要明白Java体系设计到得三个方面:J2SE,J2EE,J2ME(KJAVA)。J2S...

了解 JS 的加载顺序和方式,实现 Ready 方法

页面加载 JS 顺序或方式不同,可能会导致功能失效、错误的产生或加载解析时间过长,拖慢整个页面展示。了解 JS 的加载顺序了解页面元素的加载顺序,找到 JS 执行失败原因。有时明明没有问的代码,可就获...

“我干的真是一份工吗?”做软件工程师有多疯:React+运维+管理=1个人干……

【CSDN 编者按】在技术行业狂奔的今天,软件工程师似乎成了“全能超人”的代名词——既要深挖技术栈,又要横跨前后端,甚至被迫接管运维、管理、产品等角色。对于开发者而言,“全栈”已不再是能力标签,而几乎...

jquery easyUI 日期格式化,DateBox只显示年

蕃薯耀 2016年6月8日 17:13:32 星期三http://fanshuyao.iteye.com/一、问题描述jquery easyui 本身不支持只显示年或只显示月份二、解决方案:1、增加格...

ClockPicker调用方法(α clock)

ClockPicker.js是一款时钟插件,其实还可以改进,里面的分可以改成短横线。在线实例实例预览jQuery ClockPicker 圆形时钟使用方法 <div class="input-g...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。