MagicSuggest：获取模糊选择的长度

Question

我正在使用 MagicSuggest，我需要在模糊事件中获取选择的长度。如果我通过 ENTER 键添加新选择，我的代码工作得很好，但如果我从列表中选择现有选择，我的代码就不起作用。

用例

如果用户通过 ENTER 键选择建议，长度 = 1 - 正确
如果用户通过鼠标点击选择建议，长度 = 0 - 不正确，应该是 1

JSfiddle https://jsfiddle.net/a1ejqtae/7/

HTML

<form action="">
  <label for="keyword">Keywords</label>
  <input type="text" id="keywords">
</form>

JS

$('form input').on('blur', function(){

var selectionLength = $('form .ms-sel-item').length;
$('.selection-name').text(selectionLength);
console.log('Selection is ' + selectionLength);

if( selectionLength > 0 ){
console.log('Selection is greater than 0');
}

});

PS 有谁知道这个插件发生了什么，github 页面仍然是运行但该站点包含所有文档和示例已关闭 - http://nicolasbize.com/magicsuggest/doc.html。谢天谢地，有回程机。

Answer 1

我在你的 jsfiddle 中测试了下面的代码，它工作正常：

var labelName = $('label').text();
console.log('label = ' + labelName);

$('#keywords').magicSuggest({
  hideTrigger: true,
  placeholder: 'Start typing for keyword suggestions',
  useZebraStyle: true,
  data: ["banshee", "fargo", "house", "csi", "ncis"],
  method: 'get'
});

var update = function (){
    var selectionLength = $('form .ms-sel-item').length;
  $('.selection-name').text(selectionLength);
  console.log('Selection is ' + selectionLength);
}

$('form input').on('blur', function(){

 update();

});
$(window).on('keyup', function(e){
 if(e.keyCode === 13){

  update();
  $(this).blur();
 }

});
$(window).on('click', function(e){
  update();
  $(this).blur();
});

如果有任何问题，请告诉我。希望对你有帮助。

Answer 2

$(ms).on('blur', function(c,e){
    var selecteion = e.getSelection();
    if(selecteion[0]){ 
        console.log(selecteion[0]);
    }
});

MagicSuggest：获取模糊选择的长度

MagicSuggest: Get length of selections on blur

javascript

jquery

magicsuggest