可编程键盘ProgrammableKeyboard
未来之窗昭和仙君 - cyberwin_fairyalliance_webquery
效果图
功能概述
仙盟创梦_可编程键盘是一个多场景可编程虚拟键盘，具有双录入模式、4 种主题、全控件兼容等特点。支持遥控/鼠标双模式自由切换，与电视遥控器完美适配，且兼容 Chrome53 浏览器。它可以根据不同的场景需求，提供相应的按键布局，如编程、数字、手机号、数学等场景。同时，用户可以选择不同的主题风格来定制键盘的外观，还能根据需要选择宿主录入模式或虚拟框录入模式进行输入操作。
二、调用格式
被动触发
$cq(selector).仙盟创梦_可编程键盘_打开(options);直接调用
$cq.仙盟创梦_可编程键盘_打开(options);三、参数说明
| 参数 | 类型 | 是否必填 | 默认值 | 说明 |
|---|---|---|---|---|
| options | Object | 否 | {type:"编程", theme:"暗黑", mode:"宿主", remote:true} | 键盘配置选项对象，包含以下属性： * obj：关联的 DOM 元素，通常为输入框或文本框，用于确定输入的目标位置。 * title：键盘标题，显示在键盘头部，默认根据 type 生成，如"编程键盘"。 * type：键盘场景类型，可选值有 "编程"、"数字"、"手机号"、"数学"，不同类型对应不同的按键布局。 * theme：键盘主题，可选值有 "暗黑"、"科技蓝"、"生态绿"、"新加坡"，用于改变键盘的颜色风格。 * mode：录入模式，可选值有 "宿主" 和 "虚拟框"。宿主模式下直接将输入内容写入原控件；虚拟框模式下先将输入内容显示在虚拟输入框，确认后再写入原控件。 * remote：遥控模式开关，布尔值，true 表示开启遥控模式，false 表示关闭，默认开启。 * editor：关联的编辑器实例，若使用编辑器作为输入目标时需要传入。 |
四、返回值
返回 $cq 实例，支持链式调用。
五、使用示例
// 示例 1：默认数字键盘，输入验证码
<input type="text" id="input1" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"数字",title:"请输入验证码"})'>
// 示例 2：编程键盘，用于文本框
<textarea id="textarea1" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"编程",title:"编程"})'></textarea>
// 示例 3：生态绿主题编程键盘，输入验证码
<input type="text" id="input2" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"编程",title:"请输入验证码",theme:"生态绿"})'>
// 示例 4：生态绿主题手机号键盘，输入手机号
<input type="text" id="input2" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"手机号",title:"请输入手机号",theme:"生态绿"})'>
// 示例 5：生态绿主题数学键盘
<input type="text" id="input2" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"数学",title:"数学",theme:"生态绿"})'>
// 示例 6：新加坡主题虚拟框录入模式编程键盘
<input type="text" id="input2" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"编程",title:"开发",theme:"新加坡",mode:"虚拟框"})'>
// 示例 7：新加坡主题虚拟框录入模式编程键盘，关闭遥控模式
<input type="text" id="input2" class="cwpd-input" onClick='$cq(this).仙盟创梦_可编程键盘_打开({type:"编程",title:"开发",theme:"新加坡",mode:"虚拟框",remote:false})'>
// 示例 8：关联编辑器，宿主录入模式，关闭遥控模式
<button onClick='$cq.仙盟创梦_可编程键盘_打开({type:"编程",title:"开发",theme:"新加坡",mode:"宿主",remote:false,editor:仙盟创梦_编辑器})' >开发编辑器</button>开发编辑器
// 示例 9：科技蓝主题虚拟框录入模式数字键盘，关闭遥控模式
$cq("#numberInput").仙盟创梦_可编程键盘_打开({
type:"数字",
theme:"科技蓝",
mode:"虚拟框",
remote: false
});点击触发示例 9
// 示例 10：暗黑主题宿主录入模式编程键盘，开启遥控模式
$cq("#aceEditor").仙盟创梦_可编程键盘_打开({type:"编程",mode:"宿主"});点击触发示例 10
六、注意事项
- 在电视端使用遥控模式时，确保将遥控按键事件绑定到 document 上，以实现通过遥控器操作键盘。
- 关闭键盘时，若使用了遥控模式，会自动解绑遥控按键事件，避免内存泄漏，确保系统性能稳定。
- 不同的录入模式（宿主模式和虚拟框模式）有不同的输入处理逻辑。宿主模式直接在原控件进行输入，适合需要精准控制输入位置的场景；虚拟框模式有一个中间输入框，适合需要先预览输入内容再确认的场景。请根据实际需求合理选择录入模式。
阿雪技术观
在科技发展浪潮中，我们不妨积极投身技术共享。不满足于做受益者，更要主动担当贡献者。无论是分享代码、撰写技术博客，还是参与开源项目维护改进，每一个微小举动都可能蕴含推动技术进步的巨大能量。东方仙盟是汇聚力量的天地，我们携手在此探索硅基生命，为科技进步添砖加瓦。
Hey folks, in this wild tech - driven world, why not dive headfirst into the whole tech - sharing scene? Don't just be the one reaping all the benefits; step up and be a contributor too. Whether you're tossing out your code snippets, hammering out some tech blogs, or getting your hands dirty with maintaining and sprucing up open - source projects, every little thing you do might just end up being a massive force that pushes tech forward. And guess what? The Eastern FairyAlliance is this awesome place where we all come together. We're gonna team up and explore the whole silicon - based life thing, and in the process, we'll be fueling the growth of technology