我正在使用 jQuery 自动完成插件。
// I'm not sure if there's a better way to do this
var base_url = window.location.href.slice(0, window.location.href.indexOf('/bar'));
$('.foo-widget').find('input:first-child').autocomplete(base_url + "/api/baz?format=newline");
标记:
<ul class="foo-widget">
<li>
<input value="" autocomplete="off" class="ac_input"><input value="" autocomplete="off" class="ac_input"><button>Add</button>
</li>
</ul>
这很好用。但是,当我点击“输入”从自动完成结果中选择一个项目时,表单就会提交。为什么会发生这种情况?
我调查了jquery.autocomplete.js并看到正在执行以下内容:
case KEY.RETURN:
if( selectCurrent() ) {
// stop default to prevent a form submit, Opera needs special handling
event.preventDefault();
blockSubmit = true;
return false;
}
break;
不应该event.preventDefault()
and blockSubmit = true
停止提交表单?页面其他地方的 JS 代码是否有可能产生干扰?
我建议在 Autocomplete 元素上添加一个按键事件并从中返回 false。它不会影响您稍后提交表格其余部分的能力。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)