如何修复移动浏览器上 touchend 事件不触发的bug-学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
如何修复移动浏览器上 touchend 事件不触发的bug
来源：互联网 发表时间： 17:43:17 责任编辑：李志喜字体：
为了帮助网友解决“如何修复移动浏览器上 touchend 事件不触发的bug”相关的问题，学网通过互联网对“如何修复移动浏览器上 touchend 事件不触发的bug”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:如何修复移动浏览器上 touchend 事件不触发的bug，具体解决方案如下：解决方案1：重新安装软件或者，对系统恢复出厂设置
1个回答1个回答1个回答1个回答1个回答
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 学网 版权所有
京ICP备号-1 京公网安备02号2015年7月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
精通JAVA语言,C语言,Android开发,,HTTP,Socket通信和Webservices的开发。熟悉IOS开发,cocos2d-x,C++,熟悉PhoneGap和mobl和jquery mobile开发移动web app。有良好的开发经验和项目实战。挑战生活,乐观人生,积极进取。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(11090)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'safari里的touch事件解析--touchstart,touchmove,touchend,touchcancel',
blogAbstract:'safari里的touch事件包括touchstart,touchmove,touchend,touchcancel这四个事件， 其实熟悉鼠标事件的话就知道鼠标有mouseup，mousedown，mouseover，mouseout，mousemove这几个相关的事件，如果你做过鼠标的拖拽功能的话，就知道会涉及到鼠标的mouseover ,mousemove,mouseout这三个事件，那么这里相同的在safari的touch事件里基本就是对应的鼠标的这三个操作，只是不同的，iPhone等触屏界面中没有鼠标的呈现，但是基本原理是相当的。safari里会涉及一个手指one-finger操作，这里就会涉及touchst',
blogTag:'html5,webapps',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:6,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:2,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'精通JAVA语言,C语言,Android开发,,HTTP,Socket通信和Webservices的开发。熟悉IOS开发,cocos2d-x,C++,熟悉PhoneGap和mobl和jquery mobile开发移动web app。有良好的开发经验和项目实战。挑战生活,乐观人生,积极进取。',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}解决方法：
为其元素添加如下css属性即可：
-webkit-transform：translate3d(0,0,0)（具体原因不知）
问题描述：
android上的chrome bug， 当在某一个页面的其中一个元素中使用-webkit-transform:translate3d属性时，在其页面中的其他元素中使用-webkit-transform:rotate(xxx deg) 会失效，比如你要设置一个元素的旋转角度都会失效，这个bug表现的很奇怪，我一直没有搞明白是为什么，还是我自己的写法有问题？如果你知道可以告诉我，谢谢。
解决方法：
目前我的解决方法是在失效的元素的直接父级标签上添加：-webkit-transform:translate3d(0,0,0)即可正常显示，虽然不是很完美，至少能解决这个bug。
以上四个问题的解决方法我相信有些不是很完美的，如果你有更好的方法，欢迎和我留言，谢谢！
发表评论：
TA的最新馆藏}