EventListener click在移动设备和隐身窗口上不起作用
的原因是由于移动设备和隐身窗口的特殊性导致的。
移动设备上的触摸事件与传统的鼠标点击事件有所不同。在移动设备上，用户通过触摸屏幕来进行交互，而不是通过鼠标点击。因此，移动设备上的浏览器会优先处理触摸事件，而不是点击事件。如果在移动设备上使用EventListener click来监听点击事件，可能无法触发相应的回调函数。
隐身窗口是指浏览器的隐身模式下打开的窗口。在隐身窗口中，浏览器会采取一些措施来保护用户的隐私，其中之一就是禁止网页跟踪用户的行为。为了实现这个目的，浏览器可能会限制或禁止某些JavaScript事件的触发，包括click事件。因此，在隐身窗口中使用EventListener click可能无法正常工作。
解决这个问题的方法是使用适当的事件来替代click事件。在移动设备上，可以使用touch事件来监听触摸事件。在隐身窗口中，可以考虑使用其他事件，如mousedown或mouseup事件来替代click事件。根据具体的需求和场景，选择合适的事件来监听用户的交互行为。
腾讯云提供了丰富的云计算产品和服务，可以满足各种需求。具体推荐的产品和产品介绍链接地址如下：
- 云函数（Serverless）：腾讯云云函数是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的管理和维护。了解更多信息，请访问：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：腾讯云云数据库 MySQL 版是一种高性能、可扩展的关系型数据库服务，适用于各种规模的应用场景。了解更多信息，请访问：https://cloud.tencent.com/product/cdb_mysql
- 云存储（对象存储）：腾讯云云存储是一种高可靠、低成本的云端存储服务，适用于存储和管理各种类型的数据。了解更多信息，请访问：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅为示例，具体的选择应根据实际需求和情况进行。
相关·内容
3回答
APP 上传完之后，COS 的服务器会不会向用户服务器发回调 ？
对象存储、官方文档
APP 上传完之后，COS 的服务器会不会向用户服务器发回调 ？
如果不发回调的话，用户服务器怎么知道上传是否成功，以及上传了什么文件，上传的文件的存储路径？？
标题：快速搭建移动应用传输服务 - 对象存储 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/436/9068
浏览 817提问于2018-03-08
5回答
如何检测是否在移动菜单操作中实际查看了React应用程序
javascript、reactjs、mobile、event-handling、dom-events
我有一个React应用程序，我在窗口中添加了事件侦听器。因此，通过这种方式，我可以检测用户是否实际查看页面。在计算机浏览器上，一切正常工作。
但我在IphoneX上尝试了这个(这与无关，但浏览器是Safari)，我发现:如果用户握住菜单的底部并滑动掉所有打开的，那么onBlur就不能运行。它停留在onFocus事件上。因此，实际上，window.eventlistener在移动设备上不能正常工作。
另外，当我再次打开浏览器(但不点击任何东西，只打开浏览器并查看页面) onFocus事件也不起作用。它等待我触摸或点击页面上的某个地方。
如何在移动端完全处理用户焦点/模糊？
浏览 16提问于2022-06-09得票数 4
回答已采纳
1回答
TouchEnd结束后启动事件
javascript、jquery、events
基本上我有这个移动菜单 (请调整窗口大小，以看到移动菜单)。问题是，在移动设备上，用户通常向下滑动来查看内容。手机上的主菜单。有没有办法在松开手指而不是第一次触摸时激活菜单的“点击”？问题是，如果你在滚动时碰巧点击了“菜单”，它会打开菜单而不是滚动。页面上的所有其他链接都很好-它们只在你松开手指时才“点击”(而不是第一次触摸)。因此，如果用户不小心触摸了“菜单”按钮，菜单就会打开。我只想在用户触摸并释放菜单按钮后显示菜单。为了做到这一点，我使用这个代码-
jQuery(document).ready(function(){
if (window.Touch) {
jQuery(&#
浏览 0提问于2017-09-20得票数 1
1回答
带有Place-Id的Google API文件字段
javascript、google-maps、google-maps-api-3
我正在使用最新的Google v3，并试图完成以下工作：
在移动设备上加载页面时，将用户集中在地图上。我在下面的代码中使用了这个方法。
用户单击/触摸地图中的POI并查看信息窗口的能力。这也在起作用，因为它是谷歌地图的一个基本功能。
我被困住了。我需要能够填充两个字段的POI名称，从信息窗口在第一个字段和第二个字段，地点-ID。
到目前为止，我发现的是：
此链接允许搜索位置，所填充的标记将生成一个信息窗口，其中包含搜索位置的位置ID。但是，如果单击标记之外的任何一个POI，则没有Place_IDs。
另一种封闭解决方案：
此解决方案允许您单击并查看Place，但有两个主要问
浏览 3提问于2016-11-19得票数 2
回答已采纳
2回答
安卓模拟器、onClick和onTouch问题
android、click、emulation、touch
我正在开发一个android应用程序，并在模拟器上对其进行测试，因为我没有实际的android设备。
所以，我有一个按钮，我在上面设置了一个点击监听器。这是否意味着只有当用户按下设备上的单击按钮时，它才会工作，还是当他轻敲按钮时也会工作(轻敲是触摸事件，对吗？)？另外，当我为按钮设置一个触摸侦听器时，当我用光标在按钮上单击(在模拟器上)时，它会触发两个事件onClick和onTouch。
我需要有两个监听器吗，因为我想在点击和触摸上工作，但我不知道它在真实设备上的行为。
谢谢。
浏览 0提问于2010-07-14得票数 3
回答已采纳
1回答
IF/Else条件对addEventListener/removeEventListener没有影响
javascript、html、css、if-statement、events
作为一个初学者，我对看似最简单的事情也没有深入的研究，但也许我的目标太高了，仅仅几周前我才刚开始学习。我只想坚持HTML、CSS和普通Javascript，这样我就不必在基础知识的基础上学习其他框架的语法了。我试着从w3学到的东西中拼凑出一些解决方案，但是，我并不假装完全理解我正在阅读和使用的内容。
我需要一个简单的，垂直菜单，如下所示。目前，而且很可能只有一个项目(“投资组合”)在主菜单中将有子菜单项。子菜单的外观和功能取决于窗口的宽度：
一个宽窗口应该允许“组合”上的悬停事件只在主菜单的右边显示子菜单项，而不按下其他菜单项。
窄窗口应该启用/监视Portfolio上的'cl
浏览 0提问于2018-08-18得票数 2
1回答
如何在JavaScript中区分点击事件和滑动事件？
javascript、onsen-ui2
我正在使用带有ReactJS的Cordova 2来开发带有OnsenUI的跨平台应用程序。它应该可以在移动设备上运行，但如果它也能在普通浏览器上运行就更好了。我有一个带有全屏图像的Carousel元素，当用户点击图像时，我想打开一个新页面。问题是，每次滑动到新图像都会触发图像上的click事件。如何区分点击幻灯片和滑动到新幻灯片之间的区别？
Codepen：
浏览 15提问于2016-09-23得票数 1
回答已采纳
6回答
用于触控设备的文档.click功能
jquery、css
我有一个使用jquery的子导航--用户点击顶层列表项，例如'services‘，它会触发下拉菜单。该下拉菜单可通过单击“service”链接进行切换。我已经做到了，这样用户就可以点击屏幕上的任何地方，将下拉菜单切换到关闭状态。但由于该网站是响应式的，我希望用户能够点击(触摸)屏幕上的任何位置来关闭下拉列表，但我的问题是它在触摸设备上不起作用。
我对文档点击的代码设置是：
$(document).click(function(event) {
if ( $(".children").is(":visible")) {
$("ul.
浏览 2提问于2012-07-09得票数 68
回答已采纳
3回答
attachEvent或addEventListener -存储在哪里？
javascript、jquery、events、javascript-events
在JQuery中，如果我这样做...
$('a').click(function(){
// Do something
});
...the点击事件存储在$('a').data('events')中，我可以像这样获取它：
jQuery.each($('a').data('events'), function(i, event){
jQuery.each(event, function(i, handler){
if(handler.type.toString() == '
浏览 1提问于2011-07-31得票数 3
回答已采纳
1回答
触摸事件:处理与单击不同的滑动？
javascript、jquery、backbone.js、touch、modernizr
我有一个主干网应用程序，我使用的是现代化。
在触摸设备上，我不能滑动页面向下滚动，因为触摸事件会触发骨干侦听器和一系列复杂事件，而不是通常的页面滚动。
这是我的密码：
events: function () {
if (this.modernizr.touch) {
return {
'touchstart .hover': 'onTouchStart'
};
} else {
return {
'mousemove .hover': 'onMouseMove'
}
浏览 2提问于2014-02-06得票数 1
1回答
下拉列表不会在iPad上消失
javascript、jquery、ipad、touch、mouseenter
我有一个简单的下拉按钮，显示内容时，用户点击或点击(在触摸屏上)按钮。它的工作原理很好，但是在一些移动设备(特别是iPad和Windows的设备)上，当用户触摸下拉菜单外的屏幕时，下拉列表就不会消失。
下面是HTML：
<div class="dropdown">
<div class="dropdown-toggle">Click Me</div>
<div class="dropdown-menu">Example contnt of the dropdown</div&g
浏览 6提问于2015-10-01得票数 0
3回答
如何在Android浏览器上检测键盘显示/隐藏事件
javascript、android
我陷入了困境。我找不到一种方法来捕获移动设备浏览器上的键盘显示/隐藏状态。
问题：
我在一个表单上有一个弹出窗口，其中有一个文本域。当用户点击文本字段时，键盘会出现，并推动表单上的弹出窗口，最终使文本字段不可见。
有没有办法识别键盘显示/隐藏状态？
浏览 0提问于2014-06-05得票数 1
3回答
如何检查用户是否使用javascript触摸设备(智能手机)
javascript、html、orientation、sensors
我想建立一个简单的网络应用程序，可以告诉用户是否触摸手机(设备)。不仅仅是屏幕，还有所有的设备。所以我弄明白了如何检查用户是否触摸了屏幕，而不是方向和运动传感器部分。所以我找到了这段代码：
if (window.DeviceOrientationEvent) {
var x = document.getElementById('1');
var y = document.getElementById('2');
var z = document.getElementById('3');
window.addEventListe
浏览 0提问于2016-03-22得票数 2
2回答
腾讯云还能否要点脸？
对象存储、网站、cdn
腾讯云大禹安全中安全认证，也就是所谓的绿标。
image.png
杠精走开，该产品在2017年9月28日起已经暂时下线。自9月28日起，不再接受新增的网址认证申请，已经认证的网址则不受影响，可继续享受认证服务。若因用户搬迁服务器或域名转卖等情况，导致认证网站对应的服务器不再部署在腾讯云上，9月28日起其认证将被逐步清理，并取消认证。
----
看清楚，已经认证的网址不受影响，而我的已经掉了三四次，之前都提工单联系过客服进行过处理，恢复了。但是最近掉了以后提交工单一直在机械回复，外包客服处理？让升级处理也没见升级处理，浪费时间。
----
首先，域名、服务器、cdn、cos都是使用的腾讯云
浏览 703提问于2019-08-07
回答已采纳
3回答
确定并绑定单击或“触摸”事件
javascript、android、jquery、iphone、mobile
我使用下面的代码绑定"click“或"touchstart”事件(使用jQuery的)。
var what = (navigator.userAgent.match(/iPad/i)) ? 'touchstart' : 'click';
稍后：
$foo.on(what, function() { ... });
..。这对iPad和“其他一切”都很有用，但我担心上面的代码有"iPad隧道愿景“.
我的问题：
其他所有设备(例如Android平板电脑)是否都有类似的名称"touchstart“事件？如果是这样的话，我如何改进上面的
浏览 6提问于2012-07-10得票数 29
回答已采纳
2回答
模拟鼠标移走或页面单击以重置悬停事件
javascript、jquery、css
我有一个纯粹基于CSS的工具提示，它在鼠标悬停(mouseenter)上出现，在mouseout/mouseleave上消失；单击时，它会运行一些代码，恰好让用户停留在同一个页面上。然而，在移动设备上，mouseenter和点击部分同时运行，这给我留下了一个可见的工具提示，直到你点击页面上的其他地方，它才会消失，因为没有自然的mouseout/mouseleave。
为了改进UX，我尝试在1.5秒后模拟被点击元素上的mouseout/mouseleave事件(使用setTimeout())，但这不起作用：
$('.my-element').on('click',
浏览 0提问于2020-05-02得票数 0
2回答
如何在iOS中停止双触摸来缩放整个页面
javascript、ios、touch-event
我有一个内嵌在外窗内的网页应用。
用户可以进行各种触摸操作，例如，通过双指捏将内窗格放大，而无需缩放--在外窗口中，触摸移动到内窗口，等等。
在Android上的Chrome上，该应用程序的运行情况与预期一致。
但是iOS设备上的Safari (iPad)，有时整个窗口在内部窗口的边框上快速双击时会缩放。
我发现可以通过在touchend事件上添加一个事件侦听器来防止这种副作用。
window.addEventListener('touchend', onTouchEnd5, {capture: false, passive: false});
并在绑定函数中调用event.p
浏览 2提问于2021-02-07得票数 0
回答已采纳
1回答
用户-产品正面(点击数据)可用。如何生成负面(无点击数据)？
machine-learning、data-mining
在推荐中非常常见的是，我们有用户产品数据，其中标签为“单击”。为了学习模型，我需要点击和不点击数据.
最简单的生成方法是获取在单击数据中找不到的用户产品对。然而，这可能会产生误导。示例：
user1, product1 (click) user2, product2 (click) user2, product3 (click) user3, product2 (click)
我可以把user1和除product1以外的所有产品一起使用，并给它们贴上"no_click“之类的标签。但这可能不是真的。也许user1会点击product2，如果他被展示给product2。但是仅仅是因
浏览 0提问于2015-11-17得票数 10
4回答
jQuery按一下手机不起作用
javascript、jquery、html、css
我试着用jQuery在手机上点击(触摸)激活一个菜单，但它在移动环境中不起作用。当我调整“窗口”大小来尝试移动外观时，它可以通过点击来工作，但是在模拟器中，甚至在我的手机上，它都不能工作。
HTML标记
<img src="i/mobilemenu.jpg" id="mobileMenuButton" style="position:absolute; right:0;"/>
CSS：
#mobileNavigation {display:none}
Javascript代码：
<script type="text/ja
浏览 5提问于2014-09-16得票数 5
回答已采纳
1回答
具有动态图形按钮的Android移动web应用程序
php、jquery、ajax、mobile、html5-canvas
我想要将我编写的Python/wxPython桌面应用程序转换为Android移动web应用程序，并感谢有关使用JQuery移动与PHP后端执行此操作的建议。(这是供内部使用的，因此我们可以指定要使用的移动设备。)具体地说：
现有的桌面触摸屏应用程序具有覆盖了圆形图形按钮的图像背景，这些按钮可以响应触摸屏(即鼠标点击)事件。单击时，图形将通过递增按钮文本中的计数器、更改按钮的背景色以及更新数据库记录来更新。
想使用JQuery手机的标准菜单等，也是这种图形按钮的方法，以处理点击事件所述。我应该在HTML5 canvas中寻找这个吗？
我喜欢用PHP/MySQL做网页编程，也喜欢用JQM做标准表
浏览 0提问于2012-09-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
