事件委托时遇到的两个问题:1.有时候莫名出现其他的(样式)变化:多点击几次,父节点(样式)发生变化;2.点击时事件不生效(jquery)
问题一:点击时,相应的子节点发生改变,多点击几次,发现有事莫名的多出了其他的样式变化:
1)理想的效果
2)有时候的效果
问题:为何会多出一个样式变化呢?
debugger一下发现
从打印的结果来看target指向的是父节点ul而非子节点li
那么,我们可以增加target.nodeName == ‘LI’,来让target指向子节点时才执行相应的操作;
问题二:点击时事件不生效
如下图,当我们点击文字时发现无法实现切换效果
同样打印一下target时会发现,当点击文字的时候target指向的是l
原创
2021-08-03 10:41:47 ·
304 阅读 ·
0 评论