<!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

     <title>Document</title>

     <style>

         *{margin:0;padding:0;

             -webkit-touch-callout:none;

             -webkit-touch-callout:none;

             -webkit-user-select:none;

             -khtml-user-select:none;

             -moz-user-select:none;

             -ms-user-select:none;

             user-select:none;

         }

         .div1{background: #f45;width:200px;height:200px}

         .delete { display: none; }

         ul{list-style: none}

         li{height:100px;margin-bottom: 20px;background:#f45;line-height: 100px}

         a{background: #00f;display: inline-block;}

     </style>

 </head>

 <body>

 <ul id=items>

     <li>List item 1 <a href=" javascript:void(0)" class=delete>DELETE</a></li>

     <li>List item 2 <a href=" javascript:void(0)" class=delete>DELETE</a></li>

 </ul>

 <script src="http://libs.useso.com/js/zepto/1.1.3/zepto.min.js"></script>

 <script src="http://4.suancai.sinaapp.com/event.js"></script>

 <script src="http://4.suancai.sinaapp.com/touch.js"></script>

 <script>

     window.ontouchstart = function(e) { e.preventDefault(); };

     // show delete buttons on swipe

     $('#items li').swipe(function(){

         $('.delete').hide();

         $('.delete', this).show();

     });

     // delete row on tapping delete button

     $('.delete').tap(function(){

         alert(11)

     })

     $('.delete').longTap(function(){

         $(this).parent('li').remove()

     })

 </script>

 </body>

 </html>

阻止长按复制的事件发生主要由两部分构成；

1.js方面：

     window.ontouchstart = function(e) { e.preventDefault(); };

2.css方面：

*{margin:;padding:;

            -webkit-touch-callout:none;

            -webkit-touch-callout:none;

            -webkit-user-select:none;

            -khtml-user-select:none;

            -moz-user-select:none;

            -ms-user-select:none;

            user-select:none;

        }
												


											
阻止长按复制页面中的内容；zepto中touch中的应用必须先加载event模块之后；的更多相关文章
	

    
								
  1. 使用命令将logcat中的内容输出到文本文件中
		
    网上搜集的方法,自己只是试了一下第一种,很好用,如果是/mylogcat.txt 直接保存在了d盘,我猜是直接保存在了sdk所在的盘的根目录下,希望对大家有帮助 使用如下命令可以将logcat中的内容 ...
    
		
    2. 
						
  2. Aspose.Words 将word2中的内容插入到word1中的指定位置
		
    将word2中的内容插入到word1中的指定位置(经测试可用) 在官网找到的例子,记录一下: public static void InsertDocumentAtBookmark(string da ...
    
		
    3. 
						
  3. Angular中懒加载一个模块并动态创建显示该模块下声明的组件
		
    angular中支持可以通过路由来懒加载某些页面模块已达到减少首屏尺寸, 提高首屏加载速度的目的. 但是这种通过路由的方式有时候是无法满足需求的. 比如, 点击一个按钮后显示一行工具栏, 这个工具栏组 ...
    
		
    4. 
						
  4. WebForm中搭配母版页和用户控件页时候的事件加载顺序
		
    在生产环境中,一个内容页(aspx)可能会包含数个用户控件(ascx),而每个控件可能都会涉及到数据库访问. 如果在内容页.母版页.控件页中各自使用自己的数据库访问方法,会造成很大的运行成本. 这样的 ...
    
		
    5. 
						
  5. [tp3.2.1]让默认页面: 加载Home模块的Index控制器;而让admin.php默认去加载Admin模块的Adminc控制器.
		
    QQ:让index.php默认加载Home模块的Index控制器;而让admin.php默认去加载Admin模块的Adminc控制器.AA:复制index.php命名为admin.php复制(新建)A ...
    
		
    6. 
						
  6. 【页面加速】配置Nginx加载ngx_pagespeed模块，加快网站打开的速度
		
    ngx_pagespeed 是一个 Nginx 的扩展模块,可以加速你的网站,减少页面加载时间,它会自动将一些提升web性能的实践应用到网页和相关的资源(CSS.JS和图片)上,无需你修改内容和流程. ...
    
		
    7. 
						
  7. 用MVVM模式开发中遇到的零散问题总结（5）——将动态加载的可视元素保存为图片的控件，Binding刷新的时机
		
    原文:用MVVM模式开发中遇到的零散问题总结(5)--将动态加载的可视元素保存为图片的控件,Binding刷新的时机 在项目开发中经常会遇到这样一种情况,就是需要将用户填写的信息排版到一张表单中,供打 ...
    
		
    8. 
						
  8. [iTyran原创]iPhone中OpenGL ES显示3DS MAX模型之二：lib3ds加载模型
		
    [iTyran原创]iPhone中OpenGL ES显示3DS MAX模型之二:lib3ds加载模型 作者:u0u0 - iTyran 在上一节中,我们分析了OBJ格式.OBJ格式优点是文本形式,可读 ...
    
		
    9. 
						
  9. maven-bundle-plugin 2.4.0以下版本导出META-INF中的内容到MANIFEST.MF中
		
    今天终于把maven-bundle-plugin不能导出META-INF中的内容到Export-Package中的问题解决了,因为用到的第三方JAR包需要加载META-INF/XX/XX.xml这个内 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Android RelativeLayout常用属性介绍
			
    下面介绍一下RelativeLayout用到的一些重要的属性: 第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layou ...
    
			
    2. 
						
  2. HTML5 Placeholder实现input背景文字提示效果
			
    这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需 ...
    
			
    3. 
						
  3. VueJS搭建简单后台管理系统框架 (二) 模拟Ajax数据请求
			
    开发过程中,免不了需要前台与后台的交互,大部分的交互都是通过Ajax请求来完成,在服务端未完成开发时,前端需要有一个可以模拟Ajax请求的服务器. 在NodeJs环境下,通过配置express可访问的 ...
    
			
    4. 
						
  4. CircleImageView 圆形图片头像实现
			
    package com.view.drop; import android.content.Context; import android.content.res.TypedArray; import ...
    
			
    5. 
						
  5. Probability theory
			
    1.Probability mass functions (pmf) and Probability density functions (pdf) pmf 和 pdf 类似,但不同之处在于所适用的分 ...
    
			
    6. 
						
  6. Linux----给一个普通用户root权限
			
    问题说明:linux可以通过useradd创建用户.那有没有想过.我们创建的用户怎么样才可以使它得到全部的root权限呢? 解决办法: 1.这是一个可以打80分的办法.就是编辑/etc/sudoers ...
    
			
    7. 
						
  7. 9.java.lang.ClassCastException
			
    java.lang.ClassCastException 数据类型转换异常 当试图将对某个对象强制执行向下转型,但该对象又不可转换又不可转换为其子类的实例时将引发该异常,如下列代码. Object o ...
    
			
    8. 
						
  8. android开源框架和开源项目（转）
			
    特效: http://www.androidviews.net/ http://www.theultimateandroidlibrary.com/ 常用效果: 1. https://github.c ...
    
			
    9. 
						
  9. 深入解析SSD中MLC与SLC的性能差异
			
    固态硬盘(Solid State Disk或Solid State Drive),也称作电子硬盘或者固态电子盘,是由控制单元和固态存储单元(DRAM或FLASH芯片)组成的硬盘. 固态硬盘的接口规范和 ...
    
			
    10. 
						
  10. 获取EIP（汇编语言直接给Delphi变量赋值）
			
    var EIP: Cardinal; procedure GetEIP(); stdcall; asm pop eax; mov EIP,eax; push eax; end; procedure T ...
    
			
    11.