如何禁用除 iFrame 悬停之外的所有鼠标事件？答案

【问题标题】：How to disable all mouse events except for hover for iFrame?如何禁用除 iFrame 悬停之外的所有鼠标事件？
【发布时间】：2019-05-10 14:12:54
【问题描述】：

我想在 React 应用程序中嵌入 iFrame。由于 iframe 中引用的外部视图的特定行为，我想禁用除悬停事件之外的所有内容，悬停事件必须传播到 iframe。

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <iframe src="https://localhost:8022" height="600" width="800"></iframe>
    </div>
  );
}

export default App;

我尝试过以各种方式使用 CSS 属性指针事件，但没有成功。关于如何做到这一点的任何建议？

【问题讨论】：

我不认为你能做到这一点，我认为你能做的最好的就是在 iframe 上放置一个透明的 div，但这不会让任何鼠标事件起作用。跨度>
您可以设置pointer-events: none CSS 属性，虽然这也会停止悬停

标签： css reactjs iframe

【解决方案1】：

截至 2019 年 8 月，我已确定无法完成。

【讨论】：