$(document).on("click");在ios上不触发

最新推荐文章于 2023-04-07 00:33:39 发布
原创 最新推荐文章于 2023-04-07 00:33:39 发布 · 539 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在iOS设备上div元素点击事件不触发的问题，并提供了三种解决方案：添加pointer光标样式，使用touchstart事件替代click事件，或将div替换为button或a标签。

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

代码在电脑浏览器和安卓上都能触发点击事件，但是在iOS上却完全没有反应。

但是如果这个标签是button的话，click事件则是可以触发的，因为IOS中div本身默认不可点击 。

解决方案”

1：给这个元素添加css

在样式中添加属性cursor:pointer; 

.demo{curser:pointer;}

2、还可以将click改为touchstart事件，或者共存

$(document).on(“click touchstart”, “.name”, function() {

alert(“name”);

});

3.改用button标签或者a标签

 

IOS设备上给body绑定click事件不生效的原因及解决办法
09-01
在iOS设备上，有时会遇到一个困扰开发者的现象：给`body`元素绑定`click`事件后，事件代理无法正常工作，特别是在某些特定元素（如`tr`或`span`）上。这个问题主要出现在iOS的Safari浏览器或者基于WebKit的浏览器中...
提高ios上click的响应速度
07-25
这段代码中，`<script>`标签引入了FastClick的JS库，`DOMContentLoaded`事件监听器确保在页面内容加载完成后，FastClick被附加到`document.body`上，这样FastClick就能覆盖整个页面的点击事件。 值得注意的是，虽然...
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4543
$(document).on(“click”,function(){})
$(document).on('click', '.sel_font', function(){}) 在iphone上不触发事件解决办法
晓晓攻城师的攻城之路
08-02 1593
问题： 最近写js遇到以下问题，同样的代码在android上成功运行，iphone不能运行： //以下代码不被触发 $(document).on('click', '.sel_font', function(){ console.log('sel_font被点击了！！！'); }) //但是同一个页面的其它的这种写法，会被触发 $(document).on('click', '.bo...
$(document).on("click", 在ios没效果
weixin_30735391的博客
03-14 329
原因是ios上没有click事件，解决办法2中 我只建议一种 就是在绑定的元素上添加一个 cursor:pointer 属性就可以了cursor:pointer; cursor:pointer 重要的事情写三遍。 转载于:https://www.cnblogs.com/lieaiwen/p/10530513.html...
苹果手机浏览器$(document).on(“click”,function(){})点击无效的问题
07-20 3148
今天在测试的时候发现，动态生成元素的点击事件$(document).on(“click”,function(){})在andriod设备和电脑浏览器模拟上可以触发，而在apple移动设备上却无法触发。 试过很多办法，在元素生成后 再绑定事件，把click改成touch事件，都没有用，最后好不容易百度到了解决办法解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: ...
ios webApp 真机click事件 中请求没发出
qq_33080713的博客
11-11 207
当时因为缓存问题 还以为click事件未触发 然后查 说是div span等在ios的点击bug 可以给样式加 cursor:pointer 可以换成button 之类的 结果最后定位到 click事件没问题 被触发了。。。 因为本人小白嘛 还有人以为我样式布局有问题。。。 定位到问题所在后 几个同事都过来 看了看 查了查也发现不了问题 有一个热心小哥 看了很久 终于发现 是以为http协...
ios页面文件选择器input.click()事件触发一次唤起不了需要两次
最新发布
07-17
我们正在处理一个关于在iOS页面中使用文件选择器时，input.click()事件需要触发两次才能唤起文件选择对话框的问题。 根据之前的引用（引用[2]和引用[4]）以及常见的移动端开发经验，这个问题可能与移动端浏览器的...
jQuery(function($) { // 使用事件委托替代.live() $(document).on('blur change', "td[id^='LV_125_'][id$='_c5'] input", function(event) { var $input = $(this); var cinvcode = $input.val().trim(); var $td = $input.closest('td'); // 直接获取父级td元素 // 获取行号逻辑 var idParts = $td.attr('id').split('_'); if (idParts.length < 3) return; // 安全校验 // 构建目标单元格ID (c6列) var targetId = idParts[0] + '_' + idParts[1] + '_' + idParts[2] + '_c6'; var $targetInput = $("td[id='" + targetId + "'] input").first(); // 移动端特殊处理：添加轻微延迟确保焦点切换完成 setTimeout(function() { $targetInput.val(cinvcode); }, 50); }); }); 分析这段JS，在windows可以实现，在移动端没有任何反应
06-22
###4.**解决方案****步骤1：统一事件类型**```javascript//桌面端用click，移动端用touchstart（需判断设备）$(document).on('clicktouchstart','.btn',function(){//逻辑});```**步骤2：修复焦点切换**-添加延迟...
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
在本文中，我们将探讨如何解决这一问题，以便在iOS设备上的微信环境下实现H5页面的音频自动播放。 首先，我们需要了解iOS系统对音频播放的策略。苹果设备为了节约电量和防止用户被打扰，要求音频播放必须由用户交互...
jQuery $(document).on('click','.classname',function(){});
小小布的程序世界
08-04 7727
昨天在开发中，遇到一个问题，我需要执行click事件，可是我的执行的class选择器不光在jsp页面上，在js的html中也包含有，这样使用$(".className").on("click",function(){});就没办法调用。 jquery中用on来绑定事件，经常的写法有 $(document).on('click','.classname',function(){}); $('.
$(document).on(‘click‘, ‘#searchbtn‘, function (e){} 和 $(‘#searchbtn‘).on(‘click‘, function(e){}的区别
wyfdavid的博客
04-07 699
$(document).on('click', '#searchbtn', function (e){} 和 $('#searchbtn').on('click', function(e){}的区别
$(document).on(）; 方法
热门推荐
Embrace_w的博客
03-21 3万+
$(document).on('click','要选择的元素',function(){}）；用于动态事件的绑定：        var sysfoot = '&lt;p class="verifi-box text-danger error-box mib-error"&gt;&lt;/p&gt;'; sysfoot += '&lt;button type="button" cla...
$(document).on('click','.classname',function(){}); VS $('.classname').on('click',function(){});
a0544024083的博客
11-15 335
jquery中用on来绑定事件，经常的写法有$(document).on('click','.classname',function(){});$('.classname').on('click',function(){});上面两种都是给类是classname的元素添加了click事件，那这两个写法有什么区别呢？在效率上哪个更好呢？同样的，$(document).on('click',...
$(document).on('click', '#id', function() {}) 与$('#id').on('click', function(){}) 区别
chubosheng0951的博客
06-07 1470
(document).on是把事件委托到document上，(‘className’).on是把事件绑定到.className元素上。效率方面，直接绑定在元素上会更为高效，绑定在document上，每次document有点击动作，浏览器都会判断当前点击的对象，如果匹配，再决定要不要执行，多了一...
$( document ).on( "click", ".element", function ( event ) {
weixin_42528089的博客
12-17 7978
.$(document).on('click','要选择的元素',function(){})是属于jquery的语法 例程： &lt;html&gt; &lt;body&gt; &lt;ul&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&amp
Jquery 事件委托$(document).on('click') 导致点击事件多次执行
MrLiber的博客
03-07 9165
用$(document).on(‘click’,’#XX’,function(){…})为元素添加点击事件 结果导致事件会执行多次 。 出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。 解决这个问题的办法大致有下面几种： 1.每次绑定前先取消上次的绑定，在这个事件绑定的前面紧挨着加上off或者unbind...
【 jQuery】$(document).on('click','要选择的元素',function(){})和$().click()的不同
sinat_29326171的博客
03-28 1243
jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说，都是点击事件的操作，但是也有不同的地方。 　　1. $(选择器).click(fn) 　　　　当选中的选择器被点击时触...
$().click()和$(document).on(‘click‘,‘要选择的元素‘,function(){})的不同
马赛克大战的博客
06-24 1105
$().click()和$(document).on('click','要选择的元素',function(){})的不同
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值