在做移动端开发时,经常会做弹窗的效果,弹窗之后点击弹窗以外的地方弹窗关闭,
开始我是这样做的
document
.
addEventListener(
"
click
"
,
function
(){
this
.
showIndex
=
-
1
;
},
false)
;
在电脑上没有问题,但是在移动端弹窗关闭不起作用了,原因是移动端用的是safari浏览器,safari浏览器下body、document、window的click事件是无效的,最后解决很简单
只要把function换成箭头函数就可以了
document
.
addEventListener(
"
click
"
,()
=>
{
this
.
showIndex
=
-
1
;
},
false)
;