INPUT输入框绑定时间选择器后禁止设备自带输入法弹出

问题描述:最近做项目过程中遇到一个问题,就是某个input输入框绑定了一个时间选择器后,发现在设备上测试的时候,每次选择时间的时候,不仅时间选择器会弹出来,设备的输入法也会弹出来,后来通过查找资料找到了解决方法,在这里记录一下,以便后面遇到类似的问题,

//添加时间选择器
	$(function() {
		$("#zzsjls").jeDate({
			skinCell : "jedateblue", //日期风格样式,默认蓝色
			format : "YYYY-MM-DD hh:mm:ss", //日期格式
			minDate : "1900-01-01 00:00:00", //最小日期
			maxDate : "2099-12-31 23:59:59", //最大日期
			insTrigger : true, //是否为内部触发事件,默认为内部触发事件
			multiPane : true, //是否为双面板,为false是展示双面板
			startMin : "", //清除日期后返回到预设的最小日期
			startMax : "", //清除日期后返回到预设的最大日期
			isinitVal : false, //是否初始化时间,默认不初始化时间
			initAddVal : [ 0 ], //初始化时间,加减 天 时 分
			isTime : true, //是否开启时间选择
			hmsLimit : true, //时分秒限制
			ishmsVal : true, //是否限制时分秒输入框输入,默认可以直接输入时间
			isClear : false, //是否显示清空
			isToday : true, //是否显示今天或本月
			clearRestore : true, //清空输入框,返回预设日期,输入框非空的情况下有效
			festival : false, //是否显示农历节日
			fixed : true, //是否静止定位,为true时定位在输入框,为false时居中定位
			zIndex : 2099, //弹出层的层级高度
			marks : null, //给日期做标注
			isShow : true, //是否显示为固定日历,为false的时候固定显示
			choosefun : function(elem, val) {
			}, //选中日期后的回调, elem当前输入框ID, val当前选择的值
			clearfun : function(elem, val) {
			}, //清除日期后的回调, elem当前输入框ID, val当前选择的值
			okfun : function(elem, val) {
			}, //点击确定后的回调, elem当前输入框ID, val当前选择的值
			success : function(elem) {
			}, //层弹出后的成功回调方法, elem当前输入框ID 
		});
	})

......
<div id="zzsjdiv" class="col-xs-6 col-sm-6">
	终止时间<input id="zzsjls" class="zzsj" name="zzsjls" onfocus="this.blur()"/>
</div>


使用οnfοcus="this.blur()"即可禁止设备输入法弹出,我来解释一下。「focus」是一个事件,前面加个on表示在这个时间发生的时候执行等号后面的语句,而「blur()」就是「this」的一个方法,「this.blur()」就是让「这个对象」失去焦点:总之这个语句的作用就是在某对象获得焦点时使其失去焦点。

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值