jQuery报错at w.fn.init.val (jquery.min.js:2)

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)

  

 

  
1
  
2
  
3
  
4
  
5
 

JS代码如下：

const task = $("#task");
task.on('keyup', (event) => {
	 if(event.keyCode === 13){
		//  回车键
		let taskName = $(this).val();
		if( taskName.trim().length === 0) {
			alert('请输入任务名称！')
			return;
		}
		// TODO
	 }
})

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

打印了this发现指向的居然是Window，Window当然没有val()方法了，故此报错。之后才想起来箭头函数不改变this指向，function定义的函数可以改变this指向，function内部的this会指向触发它的对象。

解决办法：
将上面代码第二行中的
task.on('keyup', (event) => {
改为function定义的形式:
task.on('keyup', function (event) {

此时this指向的就是触发它的对象了。

文章来源: blog.csdn.net，作者：爱玲姐姐，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/jal517486222/article/details/104822513