黄子涵

查漏补缺——说说addEventListener和removeEventListener的参数?

问题

如题所示

答案

js添加事件和移除事件:addEventListener()与removeEventListener()

源码如下:

watch:{
show(value) {
if (value) {
document.body.addEventListener('click', this.close)
} else {
document.body.removeEventListener('click', this.close)
}
}
},
methods:{
search(){
// console.log(this.searchValue)
this.$router.push({name:'search',params:{words:this.searchValue}});
this.close()
},
click(){
this.searchValue = ''
this.show = !this.show
if (this.show) {
this.$refs.searchInput && this.$refs.searchInput.focus()
}
},
close(){
this.$refs.searchInput && this.$refs.searchInput.blur()
this.show = false
}
}

第一个参数是事件名,第二个事件处理函数,这里使用的应该是和下面methods的close方法对应。

posted @   黄子涵  阅读(128)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示