废话不多说，直接上干货~

★★开发缘由。

解决微信网页版无法@别人的问题,实现点击头像快速@群成员,提高聊天速度和工作效率。

★★代码。

setInterval(function(){
    $(".avatar").unbind("click");
    $(".avatar").bind("click",function(e){
        $("#editArea").html("@"+$(e.target).attr("title"));
    })
},1000);

★★代码原理。

原理很简单,懂JS代码的同学一看就明白了,其实就是给头像加了个监听点击事件,来实现这点。

★★使用步骤。

1>>打开微信网页版,扫描登录。

2>>登录之后,我们可以看到,在聊天窗口输入@是没有任何反应的。

>>比如你想要@他。

>>点击头像会弹出这个基础资料介绍。

>>那怎么办呢?使用我上面的那段代码就可以解决这个问题。

我们按下键盘的F12,会弹出一个开发人员工具,切换到Console选项卡(一般默认就是Console选项卡)。然后复制粘贴这段代码,回车后即可使用(叉掉这个弹出框也没关系)。

>>然后点击头像,聊天窗口就出现了@XXX,点击谁的头像就@谁,是不是很方便?现在点击头像试试吧。