日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

 
 
 
 
  
  
  
  
VirtualKeyboard.toggle("txt_Search", "softkey"); 
 
 
 

效果：

一步一步定制自己需要的功能

基本功能實(shí)現(xiàn)了，接下來就是中英文切換。先點(diǎn)擊CapsLock切換到大寫試試，結(jié)果失望了，中文狀態(tài)下切換到大寫輸入的依然是中文。只能點(diǎn)擊右下角的輸入法選擇菜單，找到US，切換到英文輸入法。這可不行，每次都要在上百個(gè)選項(xiàng)里來回切換，用戶體驗(yàn)得有多差啊！

于是，我有了初步想法，清空下拉列表，手動(dòng)構(gòu)建一個(gè)只有中文和英文選項(xiàng)的列表。要清空下拉列表，首先要知道它的ID，這種層一般都是動(dòng)態(tài)創(chuàng)建的，于是找到Jsvk\jscripts\virtualkeyboard.js,打開一看，不出所料，代碼是壓縮過以后的，能直接讀懂的都是神人。于是要先對(duì)它進(jìn)行解壓。打開http://jsbeautifier.org/，將JS文件中的代碼復(fù)制到輸入框中，點(diǎn)擊一下按鈕，解壓完成。ctrl+a,ctrl+c復(fù)制到新的JS文件中，OK，可以閱讀了。搜索”

 
 
 
 
  
  
  
  
"" + "" 
 
 
 

kb_mappingselector是鍵盤布局選擇框的ID，kb_langselector是輸入法選擇框的ID，kb_langselector就是我們要的ID。

有了ID，就可以修改了，因?yàn)槭莿?dòng)態(tài)創(chuàng)建的，只有當(dāng)創(chuàng)建完成以后才可以取到它的ID，于是我把代碼寫到了虛擬鍵盤加載之后。

以下代碼用到了JQuery框架，需要先引用JQuery方可正常使用。

 
 
 
 
  
  
  
  
function test(){  
  
  
  
  
$("#kb_langselector").empty().append("英文中文").change(function (){   
  
  
  
  
VirtualKeyboard.switchLayout(this.value);return false;  
  
  
  
  
});  
  
  
  
  
} 
 
 
 

測(cè)試一下發(fā)現(xiàn)了問題，載入停在了10%，頁面提示JS錯(cuò)誤。

通過錯(cuò)誤描述大概猜到是我構(gòu)建的option有問題，但具體問題出在哪我?guī)捉?jīng)跟蹤調(diào)試也沒找到，如果哪位大俠找到錯(cuò)誤還望不吝賜教！

遇到錯(cuò)誤久攻不下，轉(zhuǎn)變思路吧！

初步設(shè)想失敗了，于是我轉(zhuǎn)變思路，既然我構(gòu)建的有問題，那好，我不構(gòu)建了，你自己構(gòu)建，但多余的我不需要。

按照這個(gè)思路，我重新研究加載代碼，發(fā)現(xiàn)輸入法加載的JS是在Jsvk\jscripts\layouts\layouts.js中定義的。于是果斷刪除多余的選項(xiàng)，只留下了Chinese Simpl. Pinyin和US兩個(gè)選項(xiàng)。改完后的效果圖如下，只有中文和英文兩個(gè)選項(xiàng)，清爽多了。

這還不是我想要的！

中英文切換實(shí)現(xiàn)了，但操作還不夠便捷，我需要的是一鍵切換，為什么不在鍵盤中增加一個(gè)切換鍵呢？

首先找到皮膚文件，\Jsvk\jscripts\css\flat_gray\button_set.png,我要自己動(dòng)手加個(gè)按鍵！

原圖：

修改后：

只改圖片肯定不夠，按鈕定位在樣式表里，繼續(xù)修改樣式表！在樣式表\Jsvk\jscripts\css\flat_gray\keyboard.css最后加入下面的代碼。

 
 
 
 
  
  
  
  
#kbDesk div#kb_binput_method {  
  
  
  
  
    float: right;  
  
  
  
  
    width: 102px;  
  
  
  
  
}  
  
  
  
  
#kbDesk div#kb_binput_method a {  
  
  
  
  
        background-position: -453px 0px;  
  
  
  
  
}  
  
  
  
  
#kbDesk div#kb_binput_method.kbButtonHover a {  
  
  
  
  
        background-position: -453px -38px;  
  
  
  
  
}  
  
  
  
  
#kbDesk div#kb_binput_method.kbButtonDown a {  
  
  
  
  
        background-position: -453px -76px;  
  
  
  
  
} 
 
 
 

接下來要在JS文件中給按鈕定義事件。打開virtualkeyboard.js，找到

 
 
 
 
  
  
  
  
var C = {  
  
  
  
  
: 'backspace',  
  
  
  
  
: 'tab',  
  
  
  
  
: 'enter',  
  
  
  
  
: 'caps',  
  
  
  
  
: 'shift_left',  
  
  
  
  
: 'shift_right',  
  
  
  
  
: 'del',  
  
  
  
  
: 'ctrl_left',  
  
  
  
  
: 'alt_left',  
  
  
  
  
: 'space',  
  
  
  
  
: 'alt_right',  
  
  
  
  
: 'ctrl_right' 
  
  
  
  
    }; 
 
 
 

在下面加上59: 'input_method'，記得在'ctrl_right'后面加上逗號(hào)。修改后：

 
 
 
 
  
  
  
  
var C = {  
  
  
  
  
: 'backspace',  
  
  
  
  
: 'tab',  
  
  
  
  
: 'enter',  
  
  
  
  
: 'caps',  
  
  
  
  
: 'shift_left',  
  
  
  
  
: 'shift_right',  
  
  
  
  
: 'del',  
  
  
  
  
: 'ctrl_left',  
  
  
  
  
: 'alt_left',  
  
  
  
  
: 'space',  
  
  
  
  
: 'alt_right',  
  
  
  
  
: 'ctrl_right',  
  
  
  
  
: 'input_method' 
  
  
  
  
    }; 
 
 
 

繼續(xù)找到按鈕點(diǎn)擊響應(yīng)代碼：

 
 
 
 
  
  
  
  
var d = function (i) {  
  
  
  
  
        var e = DOM.getParent(i.srcElement || i.target, 'a');  
  
  
  
  
        if (!e || e.parentNode.id.indexOf(Q) < 0) return;  
  
  
  
  
        e = e.parentNode;  
  
  
  
  
        var iI = X;  
  
  
  
  
        var il = 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();  
  
  
  
  
    }; 
 
 
 

修改為：

 
 
 
 
  
  
  
  
var d = function (i) {  
  
  
  
  
        var e = DOM.getParent(i.srcElement || i.target, 'a');  
  
  
  
  
        if (!e || e.parentNode.id.indexOf(Q) < 0) return;  
  
  
  
  
        e = e.parentNode;  
  
  
  
  
        var iI = X;  
  
  
  
  
        var il = e.id.substring(Q.length);  
  
  
  
  
        switch (il) {  
  
  
  
  
            case "caps":  
  
  
  
  
                iI = iI ^ s;  
  
  
  
  
                break;  
  
  
  
  
            case "input_method":  
  
  
  
  
                if (document.getElementById("kb_langselector").value == 'US US') {  
  
  
  
  
                    VirtualKeyboard.switchLayout("CN Chinese Simpl. Pinyin");  
  
  
  
  
 
  
  
  
  
                }  
  
  
  
  
                else {  
  
  
  
  
                    VirtualKeyboard.switchLayout("US US");  
  
  
  
  
 
  
  
  
  
                }  
  
  
  
  
                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多，精簡(jiǎn)！精簡(jiǎn)過程就不寫啦，精簡(jiǎn)完成后：

寫了這么多，謝謝你能把它看完，最后放上全部修改精簡(jiǎn)完成之后的源碼！

http://dl.vmall.com/c06xvbxyjx