<!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. Orchard 源码探索（Localization）之国际化与本地化
			
    本地化与国际化 基本上相关代码都在在Orchard.Framework.Localization中. T("english")是如何调用到WebViewPage.cs中的Local ...
    
			
    2. 
						
  2. JAVA仿真之银行出纳员
			
    学习例子是参照<thinking in java>中修改的,先贴上运行结果: 注意看红框之中的内容,这个仿真要达到这样一个目的: 1.客户队列(无优先级):每隔300MILLS生产一个客户 ...
    
			
    3. 
						
  3. chromedriver bug
			
    https://github.com/FuckTheWorld/chromedriver/issues/1145 https://bugs.chromium.org/p/chromedriver/is ...
    
			
    4. 
						
  4. 将外部准备好的sqlite导入到项目当中
			
    首先,将sqlite数据库文件放在Resource文件夹下,并且允许其编译到项目当中. 之后在AppDelegate当中执行一些代码,这里将代码封装了一个Helper: #import "R ...
    
			
    5. 
						
  5. wget多进程抓取的实现
			
    把以前博客的东西夜迁移过来吧,这个是以前公司做的,原来放在csdn里面,先切过来. 用多进程实现的 wget多进程抓取的实现,有问题联系我 (微博:偶是周亮) #!/bin/bash url_path ...
    
			
    6. 
						
  6. Ext.Net 使用总结之GridPanel中的选中行
			
    1.判断GridPanel中是否选中了某行 if (!GridPanel1.hasSelection()) { Ext.Msg.alert("提示", "请选择记录!&q ...
    
			
    7. 
						
  7. Table显示边框
			
    style="border-bottom: 1px solid #CCCCCC;"
    
			
    8. 
						
  8. DataTable转换实体类
			
    using System;using System.Collections.Generic;using System.Text;using System.Data;using System.Data. ...
    
			
    9. 
						
  9. SQL 语句优化—— （一） 操作符优化
			
    1.IN 操作符 用IN写出来的SQL的优点是比较容易写及清晰易懂,这比较适合现代软件开发的风格.但是用IN的SQL性能总是比较低的,从Oracle执行的步骤来分析用IN的SQL与不用IN的SQL有以 ...
    
			
    10. 
						
  10. kruskal算法求最小生成树（jungle roads的kruskal解法）
			
    注意: 注意数组越界问题(提交出现runtimeError代表数组越界) 刚开始提交的时候,边集中边的数目和点集中点的数目用的同一个宏定义,但是宏定义是按照点的最大数定义的,所以提交的时候出现了数组越 ...
    
			
    11.