嵌套'开'点击和按键功能不起作用？

Question

element.on("click", function(){ 
    element[0].querySelector("input").focus() 
    element[0].querySelector("input").on('keypress',function(key){ 
     console.log(key) 
    } 
    }) 

这将返回该错误：

Uncaught TypeError: undefined is not a function 
runner:18(anonymous function) 
runner:18(anonymous function) 
angular.js:2843forEach 
angular.js:325eventHandler 

而且JSBin

谢谢！

Answer 1

querySelector返回一个DOM对象。 .on函数是一个jQuery函数。你需要包装它：

$(element[0].querySelector("input")).on('keypress',function(key){ 
    console.log(key) 
} 

此外，我会厌倦在其他事件处理程序中添加事件处理程序。每当你点击这个元素时，keypress事件就会被添加。如果您单击该元素5次，则输入现在将有5个活动按键事件，除非您在某个时刻删除它。如果你意识到这些影响，你应该只做这件事 - 即使如此，它也可能使代码难以遵循。