js 手机上input表单点击不弹出软键盘,jq禁用手机键盘

原创于 2017-09-14 11:38:23 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#手机禁用软键盘 #js不弹出键盘 #jq不弹出键盘

css及js相关专栏收录该内容

61 篇文章

订阅专栏

本文介绍了一种在网页交互中通过禁用表单输入框的方式实现自动填写内容并提交的方法。此方法适用于无需手动输入场景，通过JavaScript代码先禁用表单输入功能，自动填写指定内容后立即触发提交行为，最后恢复表单可用状态。

场景:有一个input或textarea输入表单,点击后会弹出键盘,影响体验.

但有时我们不需要弹出,而是点击另一个按钮后,自动输入文字到input中,.自动点击提交.方法是先disabled = true 禁用表单,自动点击提交后,如果需要恢复表单的输入功能,就再用disabled = false恢复表单.

示例

<img src="ui/images/shuaxin.png"  onclick="cttx=document.getElementById('ln');cttx.disabled = true;cttx.value='结算';
	 document.getElementById('blab_send_button').click();cttx.disabled = false;"/>
	 
	<textarea id="ln" class="textbox_extra" cols="32" rows="1"></textarea>
	
	<div id="blab_send_button">发送</div>