body标签添加ontouchstart属性

最新推荐文章于 2022-11-10 20:45:07 发布

「已注销」

最新推荐文章于 2022-11-10 20:45:07 发布

阅读量92

点赞数

文章标签：前端 javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_61726796/article/details/133000944

版权

之前看别人的代码，发现他的body标签添加ontouchstart属性。即

1 <body ontouchstart>

上网查了一下原因，记录一下：

这个操作是进行手机端兼容处理的，防止伪类:active失效。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML5移动端开发常见的兼容性总结

qq_41359437的博客

04-20

1096

安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...

移动端触摸事件

一只认学的程序猿

10-03

742

触摸事件touch 与pc端一样，移动端也有自己的事件，不同的就是将pc端的鼠标，变成了人手。触摸事件touch在pc端是无效的，在开发者工具的移动端模拟器时，鼠标的点击事件就会变为触摸事件，是有效的。触摸事件允许多点触控，事件触发的位置信息包含在touches属性中。如果再给body绑定一个点击事件，触摸事件和点击事件都是会触发的。基本触摸事件如下： var bodyDom = document.querySelector('body'); bodyDom.ont

参与评论您还未登录，请先登录后发表或查看评论

常见的移动端H5页面开发遇到的坑和解决办法

叶落无痕的博客

12-08

4085

转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，..

巧用ontouchstart,当长按的时候变色，松手恢复

ChuXin_0817的博客

08-22

2232

首先在body加：默认的效果：按下的效果：这里主要是用到 " :active " 选择器。 $(" 选择器 "):active{color:#ccc;background:#a46a3f;}

触摸事件 touchstart、touchmove、touchend

蚩尤后裔-汪茂雄

10-22

6万+

目录触摸事件触摸事件编码触摸手指个数分析触摸目标 DOM 元素分析触摸位置分析触摸事件 HTML5 中， PC 端基于鼠标的界面互动主要是单击，移动端界面交互方式主要是触摸。移动端浏览器触摸事件事件名称描述是否包含 touches 数组 touchstart 触摸开始，多点触控，后面的手指同样会触发是 touchmove ...

移动端触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel

weixin_30791095的博客

06-03

301

1、Touch事件简介pc上的web页面鼠标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分别对应了触屏开始、拖拽及完成触...

js - 事件常用事件

最新发布

weixin_57135131的博客

11-10

1953

DOM常用事件

active：移动端触摸按钮的效果。

weixin_30588827的博客

08-15

262

移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个很好的用户体验。但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，这个时候我们就可以激活移动端css的active效果。方法很简单：在body上添加ontouchstart，即可激活移动端css的active效果； <!DOCTYPE html> <html> <head...

使用CSS3在触屏上为按钮实现激活效果

12-08

这里我们需要一个技巧，即在HTML的`<body>`标签（或目标元素本身）上添加`ontouchstart=""`属性。这个空的`ontouchstart`事件监听器能"欺骗"WebView，使其认为页面需要处理触摸事件，从而确保`:hover`和`:active`伪...

Javascript中DOM、BOM区别

枫叶时代的博客

07-31

423

一.Javascript组成 JavaScript的实现包括以下3个部分： ECMAScript(核心) 描述了JS的语法和基本对象。文档对象模型（DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口 avascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的...

前端——jQuery操作标签、jQuery事件操作、jQuery动画效果、bootstrap基础使用

kdq18486588014的博客

05-02

1253

文章目录一、jQuery操作标签1. class操作2.样式操作3.位置操作4.文本值操作5.属性操作6.文档处理二、jQuery事件操作1.事件操作2.悬浮事件3.监听事件4.阻止后续事件5.事件冒泡6.事件委托三、js动态效果四、bootstrap基础使用1. bootstrap框架介绍2. bootstrap版本3. bootstrap基本使用4. bootstrap文件组成5. 布局容器6. 栅格系统7.表格样式8. 按钮9. 图标样式10.bootstrap基础使用总结一、jQuery操作标签

web移动端常见面试题以及适配兼容问题

sookielulu的博客

02-17

4466

1、移动端你们一般采用什么布局？移动端设计稿是多大的尺寸？ ● 定宽布局 ● 一般移动端设计稿是640或者750的尺寸 2、移动布局自适应不同屏幕的几种方式（1）响应式布局（2）100%布局（弹性布局）（3）等比缩放布局（rem） 3、你们做移动端平时在什么浏览器上测试？ Chrome，Safari，微信X5，UC，其他手机自带浏览器 4、说说移动端是如何调试的？（1）模拟手机调试chrome://inspect （2）真机调试之android手机+Chrome ...

微信公众号开发，移动端开发遇到的问题及其他技巧

糖果云专栏

09-12

2211

以下是自己遇到的一些坑，根据查资料得到的一些方法。 1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport 使用viewport使页面禁止缩放。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。 <meta name="viewport" content="width=device-width, ...

倾力总结40条常见的移动端Web页面问题解决方案

weixin_34109408的博客

05-30

3354

原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很...

Html5 ontouchstart与ontouchend

Je_WangZhe的专栏

06-30

1万+

一开始做项目时，还是把项目当初PC端的项目来做，然后PM方面提出了一个需求说是手指触摸屏幕上的某条信息时，背景色需求切换成另外一种颜色，当手指离开时变回原来的颜色，我一想，这个好简单。。。搞个a标签用伪类hover就可以实现了，好吧，一开始想简单了，就这样弄上去了，运行项目，发现没有想要的效果。。。然后就各种检查(代码)，发现没问题之后，就开始着手是不是移动端的跟PC端的有什么区别没有，最后定位到

HTML5触摸事件(touchstart、touchmove和touchend)