Jquery标签插件粘贴问题

Question

我正在使用XOXCO的Jquery标签插件。它的效果很好，但是当有人粘贴逗号的文本时，它不会将它们分离出来。我试过这个解决方案。 https://github.com/xoxco/jQuery-Tags-Input/issues/22。但它会附加新的粘贴标签两次。有没有人使用过这个插件，并遇到同样的问题？

Answer 1

基于在github上自己的代码，你可以试试这个作为一种解决方法：

$('#input').on('paste',function() { 
    $(this).trigger('keypress'); 
}); 

Answer 2

的其他简单的解决方案是

$('#tags').tagsInput({ 
    'onAddTag': function(tag) { 
     //Remove all newlines 
     tag = tag.replace(/\n/g, ''); 
     //Remove all spaces 
     tag = tag.replace(/\s/g, ''); 
     //check if a comma is find inside var tag 
     if (tag.indexOf(',') > 0) { 
      $('#tags').importTags(tag); 
     }; 
    } 
}); 

瞧！

Answer 3

这种支持粘贴逗号分隔字符串

onAddTag: function(tag) { 
    var tags = tag.split(","); 
    if(tags.length > 1) { 
     $(this).removeTag(tag); 
     return false; 
    } 
    } 

看起来有点怪异，但标记库已经把逗号作为分隔符，所以删除只是刷新。

Answer 4

我发现坑挖掘机的初始问题与双标签的原因。 $(e.target).val()已经添加了标签。添加+ ',' + e.tags只会使标签加倍。在我的解决方案中，我评论了旧版本，并在上面添加了新行。

原始代码：https://github.com/xoxco/jQuery-Tags-Input/issues/22

var tidyTags = function(e) { 
    var tags = ($(e.target).val()).split(','); 
    //var tags = ($(e.target).val() + ',' + e.tags).split(','); 
    var target = $(e.target); 
    target.importTags(''); 
    for (var i = 0, z = tags.length; i<z; i++) { 
     var tag = $.trim(tags[i]); 
     if (!target.tagExist(tag)) { 
      target.addTag(tag); 
     } 
    } 
    $('#' + target[0].id + '_tag').trigger('focus'); 
};