作者:尚艺李波_387 | 来源:互联网 | 2020-09-07 08:45
本文为大家介绍了js实现蒙版效果的方法,具有一定的参考价值,希望可以帮助到大家。实现思路:1、监听按钮的点击;2、阻止冒泡;3、让隐藏的显示出来;4、隐藏滚动条;5、获取点击的标签。
我们来分析一下思路:
1、监听按钮的点击
2、阻止冒泡(最关键的一点)
3、让隐藏的显示出来
4、隐藏滚动条
5、点击文档:获取点击的标签
判断:让显示的都隐藏
显示滚动条
最为重要的一点是要阻止事件冒泡。
获取对象的id:
var tranId = e.target ? e.target.id : e.srcElement.id;
相关教程推荐:js教程
以上就是js如何实现蒙版效果的详细内容,更多请关注 第一PHP社区 其它相关文章!