首页 文章 精选 留言 我的

精选列表

搜索[alpha],共2656篇文章
优秀的个人博客,低调大师

A-Keyboard v1.0.0-alpha 发布,JS 虚拟键盘插件

A-Keyboard A-Keyboard是一个小型的 JavaScript 虚拟键盘。 访问 A-Keyboard Github Demo 网站查看在线键盘、数字键盘Demo。 图片 Default: Classic: Dark: GrassGreen: Default数字键盘: Classic数字键盘: Dark数字键盘: GrassGreen数字键盘: 安装 首先导入 CSS 文件: <link rel="stylesheet" href="css/index.css"> 你也可以使用 CDN: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/akeyboard@version/css/index.css"> 之后你需要导入 JS 文件: 使用<script>引入 <script src="index.js"></script> CDN <script src="https://cdn.jsdelivr.net/npm/akeyboard@version/index.js"></script> NPM 构建大型项目推荐使用 NPM 安装: $ npm i akeyboard 使用 如果你对使用有任何问题,请查看test文件夹中的 html 文件,里面有用例。 导入 JS 和 CSS 文件后你就可以通过以下方式渲染一个虚拟键盘,我们提供了 2 种虚拟键盘普通键盘和数字键盘: // 渲染普通键盘 const keyboard = new aKeyboard.keyboard({ el: '#main', // 元素选择器名称 style: { // 设置自定义样式 margin: 'auto' }, fixedBottomCenter: true // 将键盘自动固定到底部,并设置 width100% }) // 渲染数字键盘 const keyboard = new aKeyboard.numberKeyboard({ el: '#main' }) keyboard类提供了 2 个函数,分别为inputOn和onclick: //用来设置输入目标元素,设置之后用户点击键盘上的按键就可以输入内容了 keyboard.inputOn(目标元素选择器, 目标元素输入类型(value、innerHTML、innerText)); //用来设置按键点击事件(会覆盖默认事件) keyboard.onclick(按键名称, 事件函数); 模板 你可以通过修改 CSS 文件的方式创建你的专属模板,我们默认为你提供了 index,index-classic,index-dark,index-grassGreen 这几个模板: <link rel="stylesheet" href="css/index-classic.css">

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册