iframe onClick事件不起作用

最新推荐文章于 2024-07-08 15:34:48 发布

本地是好的

最新推荐文章于 2024-07-08 15:34:48 发布

阅读量1.7k

点赞数

分类专栏： js js_笔记

本文链接：https://blog.youkuaiyun.com/qq_40958876/article/details/111279262

版权

iframe 单击事件遮罩层 onClick 前端交互

关键词由优快云通过智能技术生成

js_笔记同时被 2 个专栏收录

33 篇文章

订阅专栏

21 篇文章

订阅专栏

本文探讨了如何在HTML中使用iframe时，通过添加一个绝对定位的遮罩层来解决由于iframe不支持单击事件导致的点击问题，提供了相关代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度一下说是iframe不支持单击事件

		<div style={{position:'relative'}}>
			   		<iframe
                         style={{
                               width: '-webkit-fill-available',
                               height: '-webkit-fill-available'
                                }}
                                src={data.iframe}
                            >
                    </iframe>
         			<div
                    onClick={onClickImage} //思路通过单击遮罩实现点击iframe
                    style={{
                        position: 'absolute',
                        top: '0',
                        left: '0',
                        right: '0',
                        bottom: '0',
                        backgroundColor: "rgba(0,0,0,0)"
                    }}>
                    </div>
            </div>Ï