Javascript 在自动完成中单击按钮

我正在使用每个li元素中的按钮进行自动完成。单击此按钮时，我不想调用自动完成的选择事件。但是正在调用select事件，是否有任何解决方法

.data（“自动完成”）。\u renderItem=功能（ul，项目）{
变量li=$（“
”）
.data（“item.autocomplete”，item）
.附加（“”）
.附录（ul）；
返回李；
}
$（文档）.delegate（'ul.prod list addbtn'，'click'，函数（e）{
e、 停止传播（）；
e、 预防默认值（）；
警报（“不调用自动完成的选择，但仍调用”）；
返回false；
});

您可以将输入元素放入li元素，而不是a元素。 这样就不会触发select事件

---在这里换车，如下所示-----

var li=$（“
”）
.data（“item.autocomplete”，item）
.附加（“”）
.附录（ul）；

所以您不想调用按钮右键的委托事件绑定？

.data("autocomplete")._renderItem = function( ul, item ) {
    var li= $("<li></li>")
            .data("item.autocomplete", item)
            .append("<a style='text-align:left' href='google.com'>    <span>"+item.label+"</span><input class='prod-list-addbtn' value='ADD' type='button' style='position: relative;top: 6px;'></a>")
.appendTo(ul);
    return li;
}

 $(document).delegate('ul .prod-list-addbtn', 'click', function (e) {
                  e.stopPropagation();
                  e.preventDefault();
     alert('dont call select of autocomplete, but still called');
                  return false;
   });

<li class="ui-menu-item" role="menuitem"><a style="text-align:left" href="google.com" class="ui-corner-all" tabindex="-1">    <span>Tommy Smith</span></a><input class="prod-list-addbtn" value="ADD" type="button" style="position: relative;top: 6px;z-index: 400;"></li>

var li= $("<li></li>")
            .data("item.autocomplete", item)
    .append("<a style='text-align:left;float:left' href='google.com'>    <span>"+item.label+"</span></a><input class='prod-list-addbtn' value='ADD' type='button' style='position: relative;top: 6px;float:left'>")
.appendTo(ul);