像SO代码一样开始提及

Question

var userNames = $('.username').map(function(index){
   return $(this).text().replace(/\s/g,'');
});
 userNames = $.unique(userNames).toArray();
  var a = document.getElementById('text_editor_textarea');
  var sc= $(a).data('sceditor');
   var updateText = function() {
     sc ? sc.bind('keypress',sc.updateOriginal).blur(sc.updateOriginal) : setTimeout(updateText,200);
   };
updateText();
 sc.bind('keypress',function(e) {
  if(e.shiftKey && e.which === 64){
       sc.unbind('keypress');
        sc.bind('keyup',function(e) {
           var string = e.which;
       var stringCase = String.fromCharCode(string);
       var word=[];
     if(stringCase !== " " || e.which !== 32) {
         word.push(stringCase);
       } else if(e.which === 8){
         word.pop();
       } else {
        return;
       }
      console.log(word);
        });
     } 
   });

我想要做的是当用户按下SHIFT + 2创建@符号然后开始添加到数组时，我的代码现在存在多个问题。当console.logging数组时，它会执行此操作

 ["2"]
 [" "]
 ["M"]
 ["Y"]
 [" "]
 ["W"]
 ["O"]//.etc

首先在我的代码中编写if(stringCase !== " " || e.which !== 32) {所以基本上如果它不是空格或空白然后添加它（.push(stringCase)）然后我检查键代码是否是退格{{1}如果弹出数组字。否则返回它。

快速举例http://jsbin.com/erebey/1/edit

基本上我希望它在键入@USERNAME时执行它所做的操作，其中div显示的是用户名名称，一旦你点击它就会将其添加到textarea。