个人中心
文章发布
退出
作者热门文章
- 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
我目前正在我的设备 (Samsung galaxy S2) 上为我的游戏测试触摸启动功能。我在 android 中使用封装在 phonegap 下的 javascript 和 jquery 进行编程，
我用过这个link在我的项目中向左/向右写入的 stackoverflow 的内容，但现在我希望每次滑动 1 秒后处于非事件 touchstart 状态，并在 1 秒后 touchstart 处于事件
Angular 触控 ngTouch导致在触摸释放时发生点击。 有没有办法让点击发生在触摸开始？ fast-click下面的指令似乎可以在触摸屏上执行我想要的操作，但它不适用于鼠标点击。 myApp.
如果您使用以下语法，一个简单的 touchstart 事件就可以工作: http://jsfiddle.net/rwdu4hb9/ $(function(){ $('.test').on('t
由于大多数桌面浏览器尚不支持 touchstart/touchend。如何创建与 mousedown 事件相同的 touchstart 事件(所有浏览器都支持)。 我想要这样的东西 $('obj').
我想在用户向下滚动移动设备页面时禁用 touchstart 事件。该页面有各种元素，当您单击时会切换一个类，但我希望当用户向下滑动以向下滚动页面时禁用这些 touchstart 事件。 JQUERY
所以我正在使用 JQuery (1.11.3)，但我一直被困在网上找不到任何东西的东西上。 基本上，我将一个处理程序绑定(bind)到“touchstart”事件并想要检索触摸事件的位置。 (注意:我
我已将 touchstart 事件附加到网络应用程序中固定位置的页脚 所以结构是这样的: i am a looong content. i am tappable! 代码如下: $("#footer"
我倾向于制作一个输入字段和一个适用于移动浏览器的按钮。当我在字段中输入 123 并单击按钮时，它应该转到 http://example.com/123.html 然后我将这两个线程结合起来 24266
我将 Seadragon Ajax 与 jQuery 触摸事件监听器结合使用。 容器绑定(bind)了 touchstart、touchmove 和 touchend，这里是 touch start:
我已尝试在我的代码中进行滑动操作，但 touchstart 未初始化。我尝试在 stackoverflow 中搜索解决方案，但找不到任何解决方案。我是使用js的新手。这是链接: Sample wind
我正在将 Chrome 应用程序转换为 Electron 。该应用程序本身以全屏信息亭模式运行提供的 URL(带有一些其他配置选项)。我希望能够在 webview 的父元素上检测渲染器进程中的点击，但
今天突然之间，我开始在我们网站的每个页面上看到这个 Added non-passive event listener to a scroll-blocking 'touchstart' event.
我想阻止 touchStart 事件，以防止 Safari 在某些条件下在 iOS 设备中弹出。 为此，我使用以下方法: $('.wrapper').on('touchstart', function
我在页面上有一系列 div，您可以向左滑动，这将显示下面的 div。当只有一个元素时，这种方法效果很好，但当有多个元素时，它们都会一致滑动，而不是单独滑动一个。 为了解决这个问题，我尝试了这里的想法:
有与此类似的问题，但解决方案要么涉及另一个库，要么改用点击事件 - 我想知道没有库是否可行。 我在图像上使用 touchstart 事件来检测 1.5 秒的点击，然后重新加载所述图像。然而，在大多数移
我想在我的 li 上添加 touchstart 事件，而不禁用父级上的滚动。 目前，它有效。我在 timeline 上有滚动条，我可以点击 li。 当我添加touchstart时，我可以点击其中一个l
我在触摸启动后播放一些音频时遇到问题。我有以下在 Chrome 57 中运行的代码: Play Media on user touch Click me to play audio! d
更新:这个问题发生在动态创建的元素上我有一个页面，我在其中将 ajax 中的产品加载到网格中。每个产品都是一个 div，我希望可以单击它以将其信息添加到购物车。 使用 Jquery click 事件一
我正在寻找适用于 iOS 的解决方案，例如悬停在“桌面世界”中。我的页面上有很多图像项目，当用户在图像上移动手指时，实际图像的不透明度为 0。(因此一次移动会隐藏所有项目:) ) 我尝试过这样的事情:
我是一名优秀的程序员,十分优秀！