废话不多说,直接上干货~
★★开发缘由。
解决微信网页版无法@别人的问题,实现点击头像快速@群成员,提高聊天速度和工作效率。
★★代码。
setInterval(function(){ $(".avatar").unbind("click"); $(".avatar").bind("click",function(e){ $("#editArea").html("@"+$(e.target).attr("title")); }) },1000);
★★代码原理。
原理很简单,懂JS代码的同学一看就明白了,其实就是给头像加了个监听点击事件,来实现这点。
★★使用步骤。
1>>打开微信网页版,扫描登录。
2>>登录之后,我们可以看到,在聊天窗口输入@是没有任何反应的。
>>比如你想要@他。
>>点击头像会弹出这个基础资料介绍。
>>那怎么办呢?使用我上面的那段代码就可以解决这个问题。
我们按下键盘的F12,会弹出一个开发人员工具,切换到Console选项卡(一般默认就是Console选项卡)。然后复制粘贴这段代码,回车后即可使用(叉掉这个弹出框也没关系)。
>>然后点击头像,聊天窗口就出现了@XXX,点击谁的头像就@谁,是不是很方便?现在点击头像试试吧。