累计: 0

可编程键盘 ProgrammableKeyboard

0.00

★11次@未来之窗

A:赛忞初雪

上架: 2026-01-09 20:15:03

商用数字 trade ProgrammableKeyboard

         收藏
 

四方仙域传送阵         

仙盟创梦_可编程键盘功能说明书

可编程键盘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
});
    

// 示例 10:暗黑主题宿主录入模式编程键盘,开启遥控模式
$cq("#aceEditor").仙盟创梦_可编程键盘_打开({type:"编程",mode:"宿主"});
    

六、注意事项

  • 在电视端使用遥控模式时,确保将遥控按键事件绑定到 document 上,以实现通过遥控器操作键盘。
  • 关闭键盘时,若使用了遥控模式,会自动解绑遥控按键事件,避免内存泄漏,确保系统性能稳定。
  • 不同的录入模式(宿主模式和虚拟框模式)有不同的输入处理逻辑。宿主模式直接在原控件进行输入,适合需要精准控制输入位置的场景;虚拟框模式有一个中间输入框,适合需要先预览输入内容再确认的场景。请根据实际需求合理选择录入模式。

硬件app