个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在将 Chrome 应用程序转换为 Electron 。该应用程序本身以全屏信息亭模式运行提供的 URL(带有一些其他配置选项)。我希望能够在 webview 的父元素上检测渲染器进程中的点击，但是 webview“窃取”点击、touchstarts 和 touchends，同时“共享”mousedown 和 mouseup。我创建了一个非常基本的应用程序，其网页包含指向空白网页的 webview。我添加了 click、mousedown 和 mouseup 监听器，以记录 webview 和父进程中的代码。如果我在 webview 之外单击，父级的开发控制台输出“mousedown mouseup click”，但如果我单击 webview，父级的开发控制台输出“mousedown mouseup”，而 webview 的开发控制台输出“mousedown mouseup click”
此应用主要用于触摸屏，因此 mousedown/mouseup 不是解决方案。我需要 click、touchstart 和 touchend 才能工作。为什么 mousedown 和 mouseup 从 webview 冒泡而 touchstart、touchend 和 click 没有？
目的是允许在 webview 中加载交互式页面，但有一些主要进程监视的手势快捷方式，例如一系列点击以重新加载 webview。请参阅下面的代码。
** 我觉得很蠢。当然它适用于 Chromium 浏览器，webview 甚至不是一个有效的标签。请忽略我之前的编辑。
父进程:
<!DOCTYPE html>
<html>
<head>
<script>
setTimeout(function(){
document.addEventListener('click', function(e) {
console.log('click');
})
document.addEventListener('mousedown', function(e) {
console.log('mousedown');
})
document.addEventListener('mouseup', function(e) {
console.log('mouseup');
})
document.addEventListener('touchstart', function(e) {
console.log('touchstart');
});
document.addEventListener('touchend', function(e) {
console.log('touchend');
});
document.getElementById('webview').openDevTools();
}, 1000);
</script>
<title>Electron Test</title>
</head>
<body>
<div id="container">
<webview id="webview" src="http://localhost/blank.html" style="width:100%;height:100%;"/>
</div>
</body>
</html>
网页浏览流程:
<!DOCTYPE html>
<html>
<head>
<script>
document.addEventListener('click', function(e) {
console.log('webview click');
});
document.addEventListener('mousedown', function(e) {
console.log('webview mousedown');
});
document.addEventListener('mouseup', function(e) {
console.log('webview mouseup');
});
document.addEventListener('touchstart', function(e) {
console.log('webview touchstart');
});
document.addEventListener('touchend', function(e) {
console.log('webview touchend');
});
</script>
<title>Hello World!</title>
</head>
<body>
Hello World!
</body>
</html>
最佳答案
当然。 webview是iframe，iframe不会冒泡这些事件
关于javascript - Webview窃取点击、touchstart、touchend事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41067847/
26
4
0
Webview shouldInterceptRequest方法总是返回null。我去了adblocking的use方法。我尝试了很多adblock方法，但是总是需要这个shouldIntercept
在我的 Native React 项目中，我想使用 WebView。 HTML是指外部的css文件，css文件是指一些自定义字体。 鉴于此层次结构: app/ app/index.ios.js app
我在一个页面上有多个 webview，当应用程序加载时，主页面卡住了将近 8-10 秒，我猜测这是所有 webview 加载各自网站所花费的时间，为什么 Ui 卡住了，我怎么能使 webview 加载
nativescript 中的 webview 是否有“导航”事件？ 我已经在 Xamarin (c#) 中用 完成了 Browser.Navigating += Myfunction natives
我的浏览器 (webview) 以 HTML 页面开头 FILEJAVA.class.getResource ("FILEHTML.html")。 ToExternalForm () 每当我访问谷歌时
我们正在开发一个 JavaFX 2.x 应用程序，它需要提供一些 GIS 支持。我们得出的结论是，通过嵌入式 WebView 使用 GoogleMaps 是最快的选择。它的问题在于每次我们的应用程序启
有没有办法销毁 WebView 实例？如果页面加载，并说视频开始播放，我希望能够，当我隐藏 WebView 时，基本上可以销毁它，或者至少重置它。 我知道我可以听 visibleProperty 并执
有没有办法在不启用远程模块的情况下在 webview 和主窗口之间进行通信？ When this attribute is false the guest page in webview will
我使用以下代码来拦截Web View 中的对话框，但看不到内容或无法与之交互: Element webview= querySelector("#webview"); Map map=new
我正在创建一个页面，该页面将在 Java 的 WebView 中打开，或在外部浏览器中手动打开。如果页面是从 Java 加载的——我需要它来执行特定的回调，因为 Java 被用作一种后端，但如果页面是
我有一个 React Native WebView ，它运行一个小的 HTML 文档。该文档显示了一些图像。 我希望显示位于应用程序的 Documents 文件夹中的图像，即图像不是静态 Assets
我正在使用 JavaFX webview 开发一个网络爬虫。出于抓取目的，我不需要加载图像。当页面被加载时，Webkit 会产生很多 UrlLoader 线程。所以我认为最好禁用图像，这样我会节省很多
这个问题在这里已经有了答案: Android webview launches browser when calling loadurl (11 个答案) 关闭 7 年前。 我花了两天的时间来寻找一
我正在加载一个网页，我想使用基本身份验证登录，我有使用 Swift 的经验并且能够像下面那样执行基本身份验证，但我无法为我的应用程序的 Flutter 版本实现基本身份验证。 ---- swift 代
我用 webview 创建了应用程序，我想在 webview 中加载所有内部链接并在 android 浏览器中加载外部链接。现在的问题是我正在使用 html 广告，当我点击广告时我想打开外部浏览器，但
我需要在父背景图案上显示我的 webview 内容。有没有直接的方法来做到这一点？ 最佳答案 这可能有用 final com.sun.webkit.WebPage webPage = com.sun.
是否可以从 webview 中加载的页面读取 http 请求和响应数据。我想要做的是在用户单击 webview 中页面内的链接后从响应中获取二进制数据。任何帮助或线索将不胜感激 最佳答案 创建您自己的
我有一个简单的WebView在 Android 上运行 Web 应用程序。问题是当我旋转手机以将其更改为横向 webview重新加载并回到开头。 我怎样才能防止这种行为？ 罗恩 最佳答案 从 Andr
我创建了一个带有 webview 标签的自定义浏览器。当我在 google.it(或 google.com)中导航时，有时会出现一条消息说 chrome 已过时。我的应用版本是: Node.js 8.
我正在使用 Electron 创建简单的网络浏览器。我的用例是我需要通过不同/各自的代理 IP 路由每个 URL。如果用户输入 google.com，则必须通过 123.123.122.1:8081
我是一名优秀的程序员,十分优秀！