閱讀layim程式碼小記，實現可以更改使用者簽名的方法

丶Pz發表於2016-08-08

　　用layim原版的時候發現，使用者的簽名是不能直接修改的，如下:

　　

　　其實要改也很簡單，檢視一下原始碼，然後加一個input進去，可是，加完之後是這樣的：

　　

　　

　　沒關係，給它一個樣式，讓它乖乖的“隱藏“起來。

/*簽名樣式*/
.layim-sign-box{
    width:95%
}
.layim-sign-hide{
  border:none;background-color:#F5F5F5;
}

　　效果圖不發了，其實圖一就是效果圖~（紅色框是我截圖加上去的），然後我們給他加上 onfocus，和blur 事件監聽就可以了。

　　

 //滑鼠點進去
                var signObj = $('#layim_user_sign_box');
                signObj.focus(function () {
                    signObj.removeClass('layim-sign-hide');
                    console.log('準備更改簽名');
                });
                //滑鼠點其他位置
                signObj.blur(function () {
                    console.log('更改簽名完畢');
                    signObj.addClass('layim-sign-hide');
                });
                //enter提交
                signObj.keydown(function (event) {
                    if (event.which == 13) {
                        console.log('按下了Enter提交簽名');
                        signObj.addClass('layim-sign-hide');
                        signObj.blur();
                    }
                });

　　哦了，我們看一下效果：（什麼鬼，就幾個列印。。不要在意這些細節。）

　　

　　怎麼樣，實現自定義簽名是不是很簡單。（ps，需要修改layim.js原始碼）

　　原始碼下載: 更改簽名.rar

相關文章