`

当文本框输入完后手机键盘自动隐藏

阅读更多
在手机上使用输入法给文本框输入值,当点击文本框手机输入法自动出来,是因为获得了焦点事件,那么怎么才能让输入完之后就让输入法智能的隐藏掉


下面就拿一个输入手机号的文本框为例,例如支付宝在充值话费的时候,输入完手机号,手机键盘自动隐藏:

js事件如下(该事件要写在function里面):

 $('#mobileNo').on('input',function(){
    		    var mobile = $(this).val();//实时获取当前文本框的值
    		    if(mobile.length == 11) {//如果发现长度已经达到手机号的11位
		    $('#mobileNo').blur();//那么就让文本框失去焦点,输入法失去焦点就自动隐藏
    		    }
    		});


jsp文本框(onkeyup限制只能输入数字):
<input class="num_01" type="text" name="mobileNo" maxLength="11" id="mobileNo" value="请输入手机号" style="font-family:Microsoft YaHei" onkeyup='this.value=this.value.replace(/\D/gi,"")'>

1
0
分享到:
评论

相关推荐

    点击文本框弹出软键盘

    4. 关闭软键盘:同样,我们需要为软键盘上的关闭按钮添加事件处理程序,当用户完成输入并点击关闭按钮时,隐藏软键盘。这可以通过改变控件的可见性来实现,如 `Visible = false`。 5. 文件名称列表:“点击文本框弹...

    jQuery文本框输入文字自动筛选代码.zip

    《jQuery文本框输入文字自动筛选代码详解》 在网页开发中,用户交互是提升用户体验的重要环节,其中一种常见的交互方式是文本框输入时的实时筛选功能。jQuery库因其简洁易用的API,常被用于实现这类功能。本篇文章...

    qt4.8软键盘(通过点击输入框呼出).zip

    9. **测试与优化**:开发完成后,需要进行充分的测试,确保软键盘在不同设备和屏幕尺寸上的表现良好,以及在各种输入场景下的功能完整性和用户体验。 总之,"qt4.8软键盘(通过点击输入框呼出)"项目是一个利用Qt4.8...

    键盘遮挡文本框的问题

    在iPhone应用开发中,当用户在文本框(UITextField或UITextView)中输入时,弹出的键盘可能会遮挡到文本框,使得用户无法看到正在编辑的内容。这个问题在设计和编程时需要注意,以确保良好的用户交互体验。 描述中...

    文本框自动补全,自动提示原来填写过的内容

    例如,可以创建一个浮层来显示补全选项,当用户输入时浮层出现,选择一项后则隐藏。 5. **HTML结构**:在网页中,需要创建一个合适的HTML结构来承载自动补全的元素。通常,文本框会有一个关联的下拉列表或一个浮动...

    JS应用(文本框输入出现自动提示框和右键菜单)

    根据给定的文件信息,我们可以总结出以下关于“JS应用(文本框输入出现自动提示框和右键菜单)”的关键知识点: ### 一、项目概述 本项目主要通过JavaScript实现了一个文本框,在用户输入时能够自动弹出建议列表,...

    文本框提示插件

    文本框提示插件是一种常见的前端交互元素,它用于在用户在文本框中输入内容时提供相关的建议或自动完成选项。这种插件广泛应用于各种Web应用,如搜索引擎、表单填写等,可以提升用户体验,减少输入错误,提高输入...

    js文本框输入内容智能提示效果

    在本例中,我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能,这种功能常见于搜索引擎、输入框自动补全等场景,可以极大地提升用户输入体验。 1. **事件监听**: 在这个例子中,使用了`keyup`事件来...

    文本框默认提示文字

    例如,一个搜索框可能会显示“请输入标题搜索”,当用户点击文本框或者按下键盘时,这些提示文字会自动消失,让出空间供用户输入自己的搜索关键词。 在Web开发中,实现这样的功能通常涉及到HTML、CSS以及JavaScript...

    VB.NET 调用软键盘

    - 为每个按钮添加Click事件处理程序,当用户点击按钮时,向文本框输入相应的字符。 - 考虑布局和设计,确保软键盘在不同屏幕尺寸和分辨率下都能正常显示。 - 将此UserControl嵌入到主窗体中,并在文本框获得焦点...

    IOS开发中取消文本框输入时的小键盘

    本文将详细讲解如何在iOS开发中取消文本框输入时自动弹出的小键盘。 首先,我们需要在Interface Builder中对UITextField进行配置。打开你的故事板(Storyboard)文件,找到你想要取消小键盘显示的UITextField。在...

    文本框控件应用.rar

    1. TextChanged:当文本框内容改变时触发,可用于实时验证输入内容。 2. KeyPress:在用户按下键盘键时触发,可用于控制特定键的输入。 3. Leave:当焦点离开文本框时触发,常用于验证输入信息。 四、文本框验证 ...

    USB 条码扫描枪和手动输入区分 不用焦点实现

    5. 为了确保在没有焦点时也能工作,可以在全局级别监听系统级的键盘事件,或者创建一个隐藏的文本框始终拥有焦点,从而捕获扫描枪输入。 总结来说,区分USB条码扫描枪和手动输入的关键在于利用合适的编程技巧,如...

    VB 文本框控件的应用

    例如,用户在文本框输入数据,点击按钮后,程序根据输入数据执行相应操作。 以上就是VB文本框控件的基本应用和扩展知识,理解并熟练运用这些知识点,能帮助开发者构建出更加用户友好的应用程序。在实际编程过程中,...

    ios如何解决布局太长导致部分不显示,且解决键盘覆盖文本框的问题。

    2. **自动调整输入视图(inputAccessoryView)**:为需要输入的文本框设置一个inputAccessoryView,比如一个工具栏,当键盘出现时,这个工具栏会随键盘一起升起,保持与文本框的距离。 3. **手动调整布局**:在键盘...

    IOS 解决输入框被键盘遮挡问题

    这时,我们可以使用`UIKeyboardNotifications`来监听键盘的显示和隐藏,然后相应地调整界面布局。 3. 键盘通知:通过注册`UIKeyboardWillShowNotification`和`UIKeyboardWillHideNotification`通知,我们可以知道...

    ie ,火狐 文本框回车自动提交

    在网页开发过程中,一个常见的需求是当用户在文本框中按下回车键时,自动触发表单提交。这种功能在多种浏览器中实现的方式可能有所不同,尤其是对于IE(Internet Explorer)和Firefox这两种主流浏览器。本文将深入...

    inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)

    `inputSuggest` 是一个JavaScript插件,用于实现文本框输入时的提示和自动补全功能,类似于Windows操作系统中的"自动完成"特性。这个功能广泛应用于各种在线服务,例如邮箱地址输入、搜索引擎搜索框和电子商务网站的...

    QT数字软键盘,包括QLineEdit弹出

    QT数字软键盘是一种在GUI应用中常见的用户输入方式,尤其适用于移动设备或触摸屏系统,因为它们可能没有物理键盘。这个例子是关于如何利用Qt框架创建一个简单的数字软键盘,并与QLineEdit组件协同工作,使得用户能够...

Global site tag (gtag.js) - Google Analytics