IE10之-ms-touch-action

最新推荐文章于 2023-09-15 19:34:24 发布
原创 最新推荐文章于 2023-09-15 19:34:24 发布 · 291 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#-ms-touch-action #IE10

本文详细介绍了在IE10浏览器中使用-ms-touch-action属性为网页元素添加触控效果的方法，包括禁止默认触控行为、允许水平或垂直方向上的平移、允许缩放等。

 

  本文主要内容来自：http://technet.microsoft.com/zh-cn/library/hh772044

 

   个人做调研学习用！

 

    -ms-touch-action

 

        ---------------   在IE10下给元素增加触控效果 

 

  • auto                        默认值，允许浏览器给元素添加touch行为
  • none                       不允许默认的touch行为
  • pan-x                      允许水平轴触摸驱动的平移
  • pan-y                      允许垂直轴触摸驱动的平移
  • pinch-zoom             允许拖拽缩放 
  • manipulation           允许触摸驱动的平移和拖拽缩放
  • double-tap-zoom     允许整个页面双击缩放指定元素
  • inherit                      继承父元素的值

 

 

CSS使用touch-action属性控制设备的触摸行为
读心悦
08-15 1668
CSS 属性是一个用于设置触摸操作（如触摸滑动、双击缩放等）在特定元素上的默认行为如何被浏览器处理的属性。这个属性主要用于优化移动端和触摸设备的交互体验，减少不必要的触摸事件处理或冲突，特别是在处理滚动、缩放等复杂交互时。
vue项目解决移动端300ms延迟问题---------fastclick
斗师——Ace
02-26 632
添加小程序，兑换各种视频教程/数据资源。 参考github：https://github.com/ftlabs/fastclick。 1. 下载：npm install --savefastclick。 2. 引入：在main.js文件中：这样就解决了在移动端body下元素点击300ms延迟的问题 import fastclick from "fastclick" ...
-ms-touch-action是什么呢
WHY_222的博客
03-30 3515
规定用户能否以及如何操作页面上的指定区域注意：在IE11使用属性，在IE10应使用-ms-touch-action，IE10之前的浏览器不支持语法：touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]属性值：auto：默认值。浏览器允许一些手...
关于touch-action
我在等风也等你的博客
03-06 2298
关于touch-action 在项目中发现 ，Android下列表页的滚动加载失效。 原因： css中设定了html{ touch:none } 解决方法：移除该样式。 touch:none　　　　// 当触控事件发生在元素上是时，不进行任何操作 touch:auto　　　　// 当触控事件发生在元素上时，由浏览器来觉得进行哪些操作。...
touch-action property
01-07 2256
规定用户能否以及如何操作页面上的指定区域 注意：这是IE11的属性，在IE11之前应使用-ms-touch-action 语法 touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ] 属性值 auto：
touch-action
最新发布
08-28
另外，在IE11使用该属性，在IE10应使用`-ms-touch-action`，IE10之前的浏览器不支持[^2][^3]。 ### 应用场景 - **移动端自定义键盘**：在移动端自定义的键盘的数字键盘上，当快速点击某个数字时，页面可能会因双击...
Win8 IE10触摸屏禁用右键、缩放与双击操作指南
-ms-touch-action: none; /* IE11 对于Windows Phone 8.1的支持 */ touch-action: none; } ``` 这段代码会确保在触控设备上，无论用户如何尝试，都不能通过双指滑动进行页面缩放。这有助于保持页面布局的一致性和...
设计方案--移动端延迟300ms的原因以及解决方案
saucxs
05-29 365
一、前言 移动端浏览器提供一个特殊的功能：双击(double tap)缩放。 二、移动端延迟300ms的原因 为什么要用触摸事件？触摸事件是移动端浏览器特有的html5事件。 因为移动端的click有很大延迟（大约300ms），300ms延迟来自判断双击和长按，因为只有默认等待时间结束以确定没有后续动作发生时，才会触发click事件。而触摸事件的延迟则是非常短的，使用触摸事件的能够提...
bug修复：还是只有dblclick没有click事件，取消移动端触屏滑动的判断，因为已经添加了touch-action: none；只需要判断2次点击是否同一个元素。请彻底修复。
08-06
另外，我们之前有移动距离判断，现在根据要求，已经通过CSS的`touch-action: none`禁用了滑动，所以可以移除移动距离判断，只关注两次点击是否在同一个元素上。 修复思路： 1. 移除移动端触摸移动距离的判断...
Echarts ecomfe 触摸屏 touch 在IE10下无法显示悬浮框
weixin_30856725的博客
07-17 242
问题描述： Windows 8 IE10浏览http://echarts.baidu.com/doc/example/line2.html 时，鼠标放置在数据点上时无法显示悬浮框。 正常情况为： 而现在情况为： 问题分析： 公司有各种型号电脑，X230，W530，X240,业务部门多使用x240， 这一款笔记本屏幕带有触摸屏功能，其他型号没有。所有操作系统都为w...
css touch-action针对触摸屏手势
weixin_43294560的博客
09-09 1436
css touch-action针对触摸屏手势。
css // touch-action属性
小茳辞
04-23 2634
css / touch-action属性
【CSS】利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
owo_ovo的博客
09-15 956
利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
touch-action常用的几个属性
haoyanyu_的博客
07-03 2003
问题： 在移动端自定义的键盘的数字键盘上，当快速的点击某个数字时，页面会被放大。 原因： 因为双击出发了浏览器的默认放大操作。 解决： 可以在css里设置touch-action的属性来取消浏览器的默认操作 touch-action: auto 默认值，表示由浏览器觉得进行什么操作，比如在viewport里设置的操作 touch-action: manipulation 只允许滚动和持续缩放，其他...
HTML5移动端常见问题
楠丶俊枫的专栏
06-19 1229
meta基础知识　　H5页面窗口自动调整到设备宽度，并禁止用户缩放页面1 　　忽略将页面中的数字识别为电话号码1 　　忽略Android平台中对邮箱地址的识别1 　　当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari1 2 　　将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式1 2 　　viewport模板　　vie
横向滚动菜单iframe高度自适应
Spenan
02-28 208
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <meta http-equiv=&quo
[CSS3]touch-action
sh0109的博客
12-07 3026
规定用户能否以及如何操作页面上的指定区域 注意：这是IE11的属性，在IE10应使用-ms-touch-action，IE10之前的浏览器不支持 语法 touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]属性值 auto： 默认值。浏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值