touchstart,touchmove,touchend三个触碰事件外加时间器实现,这里就不多说了.
研究css3得出只需在需要禁止的页面中加入如下cssy样式定义
body {
-webkit-touch-callout:none/*系统默认菜单被禁用*/
-webkit-user-select:none/*webkit浏览器*/
-khtml-user-select:none/*早起浏览器*/
-moz-user-select:none/*火狐浏览器*/
-ms-user-select:none/*IE浏览器*/
user-select:none/*用户是否能够选中文本*/
}
此段css样式加入后能解决ios下手机浏览器,微信浏览器长按出现选择系统菜单问题,但是对于Android下微信浏览器还会出现不兼容问题
需在禁用页面加入一段js事件处理如下:
document.oncontextmenu=function(e){
e.preventDefault()
}
oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。此处用于阻止菜单的出现.
pointer-events 主要的用途还是穿透元素，该pointer-events属性允许用户穿过遮罩点击到下面的目标元素。
在移动端html中，浏览器自带的长摁保存图片功能，及时是让图片作为div的一个背景都会被触发，所以我们可以使用时间穿透，来禁掉长摁保存图片。 pointer-events:none就可以了
pointer-events的其他属性值：
纯手打。自适应还需楼主自己调试。至于home键功能，，一个fadeIn和fadeOut就可以搞定<html>
<head>
<title>css3 Draw Hive</title>
</head>
<style type="text/css">
.container{width:800pxheight:480pxposition:relativez-index:99}
-------我是华丽的分割线---------
不懂可以继续追问
会给你更好地建议，帮助解决可困难，喂百度知道做贡献
