jQuery屏幕键盘

最新推荐文章于 2018-10-23 13:28:23 发布
最新推荐文章于 2018-10-23 13:28:23 发布
阅读量107 收藏
点赞数
文章标签： javascript ViewUI

这是一个由JavaScript / jQuery驱动的简单的屏幕键盘。 我对jsKeyboard插件进行了一些增强，并修复了它的一些错误并将其添加到GitHub。

键盘

查看演示 下载

  • *更新了默认键盘布局
  • *与多种现场输入配合使用
  • *添加了光标以在键入时显示
  • *修正错误：在光标位置键入字符而不是附加字符
  • *修正错误：删除字符位置而不是最后一个字符
  • *修正错误：空格实际上增加了一个空格
  • *添加了HTML5验证规则

From: https://www.sitepoint.com/jquery-on-screen-keyboard/

dingshi7798
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js 清新漂亮的软键盘（基于jquery插件)修改网上的一个
12-06
Js 清新漂亮的软键盘（基于jquery插件)修改网上的一个 可对选择的输入框进行录入数据，如 <input type="text" id="field1" value="双击可关闭键盘" id 必须
移动开发中用到的几款js插件之触控插件（2）
shooke笔记
05-30 1160
谈到移动我们不得不说触控了，pc上我们用click 手机上我们用什么？tap好多小伙伴都会想到这个，但是pc上鼠标只有那么几个按键，我们却有好多的手指头，好多的动作，这些该如何获取呢？ 答案是通过touch时间根据不同的条件来定义事件，比如tap我们可以通过touchstart和touchend的间隔判断，我还可以定义hold，可以定义swiper等到。 了解了原理，改干活了，好多东西其实已经有
jQuery自适应屏幕大小软键盘。
半步天涯
10-23 524
由于最近要写一个web版的软键盘，需要能控制大小写，能切换光标所在输入框，能通过光标所在位置判断键盘可以输入的内容。效果图如下所示： 话不多说，直接上代码。 HTML布局： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict....
jquery屏幕键盘插件Virtual Keyboard
01-07
插件描述：一个在浏览器的jQuery屏幕键盘（OSK）插件. 参考示例：http://www.jq22.com/jquery-info5455
jquery虚拟键盘插件jqkeyboard
12-11
jqKeyboard是一款jquery虚拟键盘插件。该虚拟键盘插件依赖于jquery ui，通过该插件，可以在页面中生成一个扁平风格的虚拟键盘面板。
jQuery屏幕键盘插件
02-23
屏幕键盘在网络生活中很常见，比如使用网银或在线查询信用卡余额，在输入密码等敏感数据时，应该就会用到屏幕键盘。以防止被木马或恶意程序捕获盗取实际键盘上的操作。它包括多种按键布局，完全支持自定义，可以更改...
jQuery网页虚拟键盘
06-01
在"index.html"中，我们可以看到这个虚拟键盘的基本应用，它可能包含一个输入框，当用户聚焦到输入框时，虚拟键盘会显示出来，用户可以通过点击屏幕上的键来输入字符。 "index-number.html"可能是专门为输入数字...
jQuery网页键盘
06-01
这个网页键盘的设计目标是提供按键响应反馈，确保用户每按下键后都能得到视觉上的确认，同时能够自适应不同的页面大小，确保在各种屏幕尺寸下的良好显示效果。设计上，它强调简洁和美观，旨在提升用户体验，使其在...
jQuery苹果IOS虚拟键盘
04-10
4. **跨平台兼容性**：考虑到iOS设备的特性，虚拟键盘需要适配不同的屏幕尺寸和操作系统版本。开发者可能使用媒体查询（CSS3）和条件注释（JavaScript）来确保在不同分辨率的设备上表现一致。 5. **性能优化**：...
jquery-onscreen:一个简单的 jQuery 插件，用于测试给定元素（或其中的一部分）是否在当前视口的边界内
07-13
jQuery 屏幕插件 这个插件是一种测试给定元素（或其中的一部分）是否在当前视口范围内的简单方法。 您可以将它用于各种事情，例如延迟动画和其他 javascript 的执行直到元素对用户可见 - 无论他们的设备或屏幕大小如何。 示例用法 使用插件如下： $ ( '#element' ) . onScreen ( ) ; 如果元素在视口中可见，则返回 true，否则返回 false。 您可以将其用作条件语句的一部分，如下所示： if ( $ ( '#element' ) . onScreen ( ) ) { // Your element is in the Viewport } else { // Your element is not in the Viewport } 要查看此插件的工作示例，已将 demo.html 作为包的一部分提供。 笔记和贡献 请
jQuery自助终端虚拟键盘插件
06-10
jQuery自助终端虚拟键盘插件，带两款样式，一款是带英文和数字以及常用符号的键盘，还有一款是纯数字键盘，特别适合在自助机上使用。
jquery虚拟键盘 jquery.keypad.package-1.2.0
09-16
很不错的虚拟键盘，兼容三大浏览器，给做前端的人
jquery.onscreen:jQuery 插件，它添加了一个
07-08
jQuery.onscreen 插件 这个插件在 jQuery 选择器列表中添加了一个:onscreen伪选择器。 您可以使用它来测试是否在屏幕上部分可见。 例子 聚焦第一个可见的输入元素： $("input:onscreen").first().focus() 如果之前不可见，则将元素滚动到视图中 e = $("#calltoaction") if (!e.is(":onscreen")) { e.get(0).scrollIntoView(); } 未来的工作 添加测试 添加:fullyonscreen如果整个元素都在屏幕上，而不仅仅是它的:fullyonscreen ，它将匹配。 版权 此代码只是在 jsfiddle 上发布的 StackOverflow 答案的包装版本。 以下是相关来源： 作者： 卵石 堆栈溢出： JSFiddle：
jQuery软键盘插件
weixin_34417183的博客
09-17 325
1、html： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&
Jquery实现软键盘
PHP学习与交流
09-09 2028
屏幕键盘也称虚拟键盘，是一种非常实用的工具，推荐两个Jquery实现虚拟键盘，他们是什么呢？
基于jQuery的软键盘【模拟软键盘】
weixin_30241919的博客
10-27 511
http://www.cnblogs.com/crookie/p/3796931.html http://mottie.github.io/Keyboard/docs/mobile.html http://mottie.github.io/Keyboard/ 页面效果参照PolarBear的使用CSS3制作的苹果风格键盘修改而成，在这里感谢PolarBear的无私分享。 一.代...
键盘控制-页面网格导航-jQuery插件
tshichun
11-10 1068
javascript按键导航(页面网格导航)，满足电视(机顶盒)的遥控操作WEB App页面的需求
基于jQuery的软键盘
weixin_30374009的博客
06-19 189
　　前些天写了一个基于基于jQuery的数字键盘，今天给大家带来一个基于jQuery的全字母键盘插件(支持全字母大小写切换，数字输入，退格清除，关闭功能，可调整大小和键盘位置(可设置固定在屏幕右下角)，支持鼠标和触屏拖动，并且特意保留了四个常用字符"_","-",".","/"。还有按键记忆功能哦，可自动改变使用频繁按键的背景颜色。)。 　　在线演示 　　效果截图: 　　 　　页面效果参照...
jquery.keyboard:jQuery键盘插件
最新发布
08-16
- *3* [jQuery屏幕键盘](https://blog.csdn.net/dingshi7798/article/details/105824360)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值