嵌套的“on”单击和按键功能不起作用
Nested 'on' click and keypress functions not working?
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
谢谢!
querySelector 返回一个 DOM 对象。.on
函数是一个jQuery函数。您需要包装它:
$(element[0].querySelector("input")).on('keypress',function(key){
console.log(key)
}
另外,我会厌倦在其他事件处理程序中添加事件处理程序。每当您单击该元素时,都会添加按键事件。如果单击元素 5 次,输入现在将有 5 个活动的按键事件,除非您在某个时候将其删除。只有当你意识到这些影响时,你才应该这样做 - 即使这样,它也会使代码难以理解。
相关文章:
- 使用复杂数组时Jquery自动完成功能不起作用
- 切换功能不起作用
- 为什么不是'我的修剪功能不起作用
- Angular UI Select2指令搜索功能不起作用
- AngularJS 路由功能不起作用
- JavaScript更新功能不起作用
- JS表单验证功能不起作用
- 复选框树视图功能不起作用
- Web音频-AudioParam调度功能不起作用
- 复选框单击功能不起作用
- jQuery加载函数后,jQuery UI自动完成功能不起作用
- 按下空格键一次后,Jquery功能不起作用
- jquery ajax调用后,表分类器功能不起作用
- jquery对话框可拖动功能不起作用
- 我的数字检查器功能不起作用,为什么
- 隐藏/显示加载功能不起作用
- .slideToggle-on.click功能不起作用
- 验证功能不起作用
- 在我的项目中,添加、删除和编辑功能不起作用
- Onsubmit功能不起作用