Question

我试图在javascript聚焦时在下拉列表中捕获输入，但它似乎不会抛出事件。

不使用第三方库，无论如何都要捕获此输入。

Example: http://jsfiddle.net/m4tndtu4/11/

Answer 1

您不需要第三方库，但将您的问题标记为jquery。你还在你的jsfiddle中使用jquery代码，并将它与原生js ...

混合

所以我假设你至少想要使用jquery。

我编辑了你的小提琴：http://jsfiddle.net/m4tndtu4/14/ 我刚刚删除了你写的所有内容，只是输入了一个'on'处理程序：

$("#sel1").on("keyup",function(){ //this captures selection changes 
    $("#output").css("background-color", "yellow").text($('#sel1 option:selected').text()); // change the css of output and set the text to the value of the selected option

var enteredSearchSequence = String.fromCharCode(e.which);
    $("#input").css("background-color", "yellow").text(enteredSearchSequence);
});

目前，它只显示最后按下的键 - 如果按下 SHIFT 也不起作用...但我想，你可以搞清楚，如何连接按键甚至删除它，因为它被视为一种新的搜索。

顺便说一句。鉴于此，您可能需要查看angularjs或任何其他mvc - 这些框架的列表和搜索框非常简单！

在javascript中捕获select（下拉列表）上的键输入

1 个答案: