嵌套'開'點擊和按鍵功能不起作用？

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個活動按鍵事件，除非您在某個時刻刪除它。如果你意識到這些影響，你應該只做這件事 - 即使如此，它也可能使代碼難以遵循。