`
Dream丶AL
  • 浏览: 20880 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

JS点击其他位置关闭手机弹出的小键盘

 
阅读更多

思路是这样的,点击其他位置,让输入框的焦点消失,输入框自然就消失。

使输入框失去焦点的JS如下

function close_keyboard(){
     document.activeElement.blur('input_id');
}

 在IOS系统中不识别onclick事件,所以用其他三中方法。

当摁下手指时,触发ontouchstart;

当移动手指时,触发ontouchmove;

当移走手指时,触发ontouchend;

 

在大的div里设置一个触摸函数,点击时就可以关闭小键盘了。

分享到:
评论

相关推荐

    JS解决移动web开发手机输入框弹出的问题

    在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。...下面脚本之家小编给大家分享JS解决移动web开发手机输入框弹出的问题

    JavaScript网页特效范例宝典源码

    实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式...

    程序天下:JavaScript实例自学手册

    1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...

    jQuery 渐变居中弹出框,超炫淡入淡出

    内容索引:脚本资源,jQuery,弹出框 核心基于jQuery的渐变弹出框,弹出在网页的正中间,具有超炫淡入淡出效果,可以看到jQuery实在是非常强大,我们仅需少量的CSS和JavaScript代码即可完成这一效果。我们可以在这个...

    代码详解ios键盘收起问题

    在开发过程中,我们经常会用到UITextField、UITextView等文本框,然后这些文本框在点击之后会自动成为第一响应者(FirstResponder),并自动弹出软键盘。然而,没有自动定义好的软键盘的回收。今天,我在开发过程中...

    JS效果打包下载-自己整理的一些网站常用JS效果2

    40.页面右下角弹出提示消息.html 41.用CSS+JS控制Li背景颜色交替.html 42.用css实现简单的进度条.html 43.在同一页面设置不同文字链接效果的样式.html 44.支持按键盘方向键实现翻页跳转的效果.html 45.支持键盘方向...

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    实例302 利用JavaScript关闭弹出窗口刷新 父窗口 478 实例303 关闭IE主窗口时,不弹出询问对话框 480 实例304 利用JavaScript实现下降式窗口 481 实例305 利用JavaScript实现窗口自动滚动 482 12.3 JavaScript对...

    JS小游戏 - 盖房子

    如果弹出选择房子时,上下左右箭头为选择当前格子可用的房子(如:向放黄色房子需先在需要放置的格子上下左右格放好蓝绿红房子,方可选择),按下回车后此房子加入格子内,Esc键为不做选择并关掉选择房子。...

    JavaScript实用范例词典04-14

    5.45 在主窗口上关闭弹出式窗口... 146 5.46 在弹出式窗口上关闭主窗口... 146 5.47 将主窗口中的资料输出到弹出式 窗口中... 147 5.48 将弹出式窗口的资料输入到 主窗口中... 149 5.49 弹出一个自动关闭的...

    artDialog_Demo

    1、 优化代码结构,弹出后仍可访问内部方法(如关闭),大大增强了灵活性 2、 修正IE7锁屏的时候滚动条没有禁止的问题 3、 让焦点自动附加到确定按钮或者关闭按钮 v2.0.8 1、 修正超大对话框并使用定位时候可能被...

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    年月时分秒输入框都具备以下3个属性:通过导航图标选择,直接使用键盘输入数字,直接从弹出的下拉框中选择.因此不管你选择什么样的日期和时间都可以找到一种最快捷的方法,用最少的鼠标点击来搞定 自动纠错功能 纠错...

    MC Dialog js弹出层 完美兼容多浏览器(5.6更新)

    支持键盘操作(esc关闭,enter执行当前获得焦点按钮的事件,屏蔽了ctrl键盘,屏蔽了tab键真正实现了一个模拟浏览器自带对话框的功能) 2.支持焦点智能移动(当焦点移出层外时,自动将焦点移回层或者有按钮则移到按钮上,...

    JavaScript实例精通

    JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...

    JS小游戏 - 盖房子 改进版

    如果弹出选择房子时,上下左右箭头为选择当前格子可用的房子(如:向放黄色房子需先在需要放置的格子上下左右格放好蓝绿红房子,方可选择),按下回车后此房子加入格子内,Esc键为不做选择并关掉选择房子。...

    漂亮的消息提示框 消息提示组件 Javascript写的

    5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。 6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并...

    精通JS脚本之ExtJS框架.part1.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

    精通JS脚本之ExtJS框架.part2.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

Global site tag (gtag.js) - Google Analytics