$(document).on(click)点击事件在ios无效的解决方案

时间: 2020-01-21阅读: 1127标签: 事件
<div id="name">点我</div>
<script>
	$(document).on("click", "#name", function() {
	    console.log()("name");
	});
</script>

以上代码在Pc浏览器和android上都能触发点击事件,但是在ios上点击却完全没有反应。在查询相关资料后发现:在ios中这些元素没有click事件,div本身默认是不可点击的。解决方案如下:


1、css样式:

给这个元素添加如下的css样式即可。

<style>
	#name{
		cursor: pointer;
	}
</style>


2、修改点击事件 

将click改为touchstart事件,或者共存

<script>
	$(document).on("click touchstart", "#name", function() {
	    console.log()("name");
	});
</script>


3、修改元素

把div的标签改为a标签,或者button标签即可


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/7245

关闭

JavaScript 和 Node.js 中的“事件驱动”是什么意思?

事件驱动架构是建立在软件开发中一种通用模式上的,这种模式被称为发布-订阅或观察者模式。在事件驱动架构中,至少有两个参与者:主题(subject)和观察者(observer)。

网页浏览器缩放监听

这里的缩放不是指resize事件(改变浏览器窗口大小),而是指浏览器本身的缩放功能,一般使用以下方式进行缩放:ctrl配合鼠标滚轮;ctrl配合-/+/0进行缩放。

对JS事件机制的深入理解

发生一个事件时,事件及事件处理句柄会被放入浏览器的事件队列,事件可归为以下几类:浏览器事件:window.load、document.DomContentLoaded等,网络请求事件:ajax、websocket

JS使用Enter事件将输入的字符倒叙输出

在JavaScript中执行当用户按下Enter键位时将用户输入的字符倒叙输出!split() 方法用于把一个字符串分割成字符串数组。

用js代码触发dom事件的实现方案

前端编写测试用例时,在测试界面上的一些效果时,通常都希望能够模拟一些用户操作,而模拟用户操作最主要的方式就是用代码触发指定事件。通常一些元素上会自带一些触发事件的方法,例如click、focus等

js有哪些常用事件?

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个onClick 事件来触发某个函数。事件在HTML页面中定义。

原生js实现trigger方法

事件绑定成功之后,事件的执行函数就如同待字闺中的小姑娘。除了由坐在电脑前的大叔们用键盘、鼠标等硬件行为触发外,需要在代码中直接调用又该如何实现?

Js中常用事件及说明

load页面加载完成时触发,beforeunload窗口关闭之前触发,unload窗口关闭时触发,focus窗口得到焦点时触发,blur窗口失去焦点时触发,error页面上有脚本报错时触发

js 彻底搞懂事件循环机制 Event Loop

所谓单线程,无非就是同步队列和异步队列,js代码是自上向下执行的,在主线程中立即执行的就是同步任务,比如简单的逻辑操作及函数,而异步任务不会立马立马执行,会挪步放到到异步队列中,比如ajax、promise、事件、计时器等等。

关于DOM事件流、DOM0级事件与DOM2级事件

DOM 事件模型包括捕获和冒泡,捕获是从上往下到达目标元素,冒泡是从当前元素,也就是目标元素往上到 window;流的概念,在现今的 JavaScript 中随处可见。比如说 React 中的单向数据流,Node 中的流

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!