""+""
kb_mappingselector是键盘布局选择框的ID，kb_langselector是输入法选择框的ID，kb_langselector就是我们要的ID。
有了ID，就可以修改了，因为是动态创建的，只有当创建完成以后才可以取到它的ID，于是我把代码写到了虚拟键盘加载之后。
以下代码用到了JQuery框架，需要先引用JQuery方可正常使用。
复制代码代码如下:
functiontest（）{
$（"#kb_langselector"）.empty（）.append（"英文中文"）.change（function（）{
VirtualKeyboard.switchLayout（this.value）;returnfalse;
}）;
}
测试一下发现了问题，载入停在了10%，页面提示JS错误。
通过错误描述大概猜到是我构建的option有问题，但具体问题出在哪我几经跟踪调试也没找到，如果哪位大侠找到错误还望不吝赐教！
遇到错误久攻不下，转变思路吧！
初步设想失败了，于是我转变思路，既然我构建的有问题，那好，我不构建了，你自己构建，但多余的我不需要。
按照这个思路，我重新研究加载代码，发现输入法加载的JS是在Jsvk\jscripts\layouts\layouts.js中定义的。
于是果断删除多余的选项，只留下了ChineseSimpl.Pinyin和US两个选项。
改完后的效果图如下，只有中文和英文两个选项，清爽多了。
这还不是我想要的！
中英文切换实现了，但操作还不够便捷，我需要的是一键切换，为什么不在键盘中增加一个切换键呢？
首先找到皮肤文件，\Jsvk\jscripts\css\flat_gray\button_set.png,我要自己动手加个按键！
原图：
修改后：
只改图片肯定不够，按钮定位在样式表里，继续修改样式表！
在样式表\Jsvk\jscripts\css\flat_gray\keyboard.css最后加入下面的代码。
复制代码代码如下:
#kbDeskdiv#kb_binput_method{
float:
right;
width:
102px;
}
#kbDeskdiv#kb_binput_methoda{
background-position:
-453px0px;
}
#kbDeskdiv#kb_binput_method.kbButtonHovera{
background-position:
-453px-38px;
}
#kbDeskdiv#kb_binput_method.kbButtonDowna{
background-position:
-453px-76px;
}
接下来要在JS文件中给按钮定义事件。
打开virtualkeyboard.js，找到
复制代码代码如下:
varC={
14:
'backspace',
15:
'tab',
28:
'enter',
29:
'caps',
41:
'shift_left',
52:
'shift_right',
53:
'del',
54:
'ctrl_left',
55:
'alt_left',
56:
'space',
57:
'alt_right',
58:
'ctrl_right'
};
在下面加上59:
'input_method'，记得在'ctrl_right'后面加上逗号。
修改后：
复制代码代码如下:
varC={
14:
'backspace',
15:
'tab',
28:
'enter',
29:
'caps',
41:
'shift_left',
52:
'shift_right',
53:
'del',
54:
'ctrl_left',
55:
'alt_left',
56:
'space',
57:
'alt_right',
58:
'ctrl_right',
59:
'input_method'
};
继续找到按钮点击响应代码：
复制代码代码如下:
vard=function（i）{
vare=DOM.getParent（i.srcElement||i.target,'a'）;
if（!
e||e.parentNode.id.indexOf（Q）<0）return;
e=e.parentNode;
variI=X;
varil=e.id.substring（Q.length）;
switch（il）{
case"caps":
iI=iI^s;
break;
case"shift_left":
case"shift_right":
if（i.shiftKey）break;
iI=iI^Z;
break;
case"alt_left":
case"alt_right":
case"ctrl_left":
case"ctrl_right":
iI=iI^（i.altKey<<1^w）^（i.ctrlKey<<2^W）;
break;
default:
if（_）DOM.CSS（e）.addClass（y.buttonDown）;
break
}
if（X!
=iI）{
B（iI）;
b（）;
}
i.preventDefault（）;
i.stopPropagation（）;
};
修改为：
复制代码代码如下:
vard=function（i）{
vare=DOM.getParent（i.srcElement||i.target,'a'）;
if（!
e||e.parentNode.id.indexOf（Q）<0）return;
e=e.parentNode;
variI=X;
varil=e.id.substring（Q.length）;
switch（il）{
case"caps":
iI=iI^s;
break;
case"input_method":
if（document.getElementById（"kb_langselector"）.value=='USUS'）{
VirtualKeyboard.switchLayout（"CNChineseSimpl.Pinyin"）;
}
else{
VirtualKeyboard.switchLayout（"USUS"）;
}
break;
case"shift_left":
case"shift_right":
if（i.shiftKey）break;
iI=iI^Z;
break;
case"alt_left":
case"alt_right":
case"ctrl_left":
case"ctrl_right":
iI=iI^（i.altKey<<1^w）^（i.ctrlKey<<2^W）;
break;
default:
if（_）DOM.CSS（e）.addClass（y.buttonDown）;
break
}
if（X!
=iI）{
B（iI）;
b（）;
}
i.preventDefault（）;
i.stopPropagation（）;
};
既然有了按钮，就不需要显示下面的下拉框了，所以，给它隐藏掉！
OK，大功告成！
看下效果图
外观和功能搞定了，但一看它的文件夹，足足7M多，精简！
精简过程就不写啦，精简完成后：
写了这么多，谢谢你能把它看完，最后放上全部修改精简完成之后的源码！
升级会员 