jquery.min.js:2 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
at w.fn.init.val (jquery.min.js:2)
at HTMLInputElement.<anonymous> ((index):71)
at HTMLInputElement.dispatch (jquery.min.js:2)
at HTMLInputElement.y.handle (jquery.min.js:2)
JS代码如下:
const task = $("#task");
task.on('keyup', (event) => {
if(event.keyCode === 13){
// 回车键
let taskName = $(this).val();
if( taskName.trim().length === 0) {
alert('请输入任务名称!')
return;
}
// TODO
}
})
打印了this发现指向的居然是Window,Window当然没有val()方法了,故此报错。之后才想起来箭头函数不改变this指向,function定义的函数可以改变this指向,function内部的this会指向触发它的对象。
解决办法:
将上面代码第二行中的
task.on('keyup', (event) => {
改为function定义的形式:
task.on('keyup', function (event) {
此时this指向的就是触发它的对象了。