阅读layim代码小记，实现可以更改用户签名的方法

　　用layim原版的时候发现，用户的签名是不能直接修改的，如下:

　　

　　其实要改也很简单，查看一下源代码，然后加一个input进去，可是，加完之后是这样的：

　　

　　

　　没关系，给它一个样式，让它乖乖的“隐藏“起来。

/*签名样式*/
.layim-sign-box{
    width:%
}
.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