手机端js模拟长按事件(代码仿照jQuery)

代码编写:

$.fn.longPress = function(fn) {
	var timeout = undefined;
	var $this = this;
	for(var i = 0;i<$this.length;i++){
		$this[i].addEventListener(‘touchstart‘, function(event) {
			timeout = setTimeout(fn, 800);
			}, false);
		$this[i].addEventListener(‘touchend‘, function(event) {
			clearTimeout(timeout);
			}, false);
	}
}

代码使用:

$(select).longPress(function(){
	alert(1);
});

  

时间: 2024-10-28 15:05:36

手机端js模拟长按事件(代码仿照jQuery)的相关文章

js模拟点击事件实现代码

js模拟点击事件实现代码 更新时间:2012年11月06日 17:33:33   作者:   我要评论 在实际的应用开发中,我们会常常用到JS的模事件,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单.上代码吧 html: 复制代码 代码如下: <h3>请单击“提交”,测试提交按钮的单击事件也被触发了.</h3> <button id="btn">提交</button> <form action="#&q

由chrome剪贴板问题研究到了js模拟鼠标键盘事件

写在前面 最近公司在搞浏览器兼容的事情,所有浏览器兼容的问题不得不一个人包了.下面来说一下今天遇到的一个问题吧 大家都知道IE下面如果要获得剪贴板里面的信息的话,代码应该如下所示 window.clipboardData.getData("Text") 可是在chrome下面就行不通了,chrome下面没有类似ie的这种方法,那应该怎么办呢,百度了一下,发现还真有办法. 只要在HTML界面上放上一个text类型的控件,如下所示 <textarea id="textAre

手机端js实现滑块推动

代码编写:(写的格式有点差,凑合看吧,但是功能是实现了的) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <script type="text/javascript" src="./jquery-1.8.0.min.j

编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似

1.编写的页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//

wap手机端按下 松开 滑动事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name=&quo

js模拟键盘按键事件

1 var WshShell = new ActiveXObject('WScript.Shell') 2 WshShell.SendKeys('{ }'); 说明:大括号内的是键盘上的按键如: 空格:{ } A:{A}

手机端图片滑动切换效果

最近公司要求开发wap版本页面,碰到了个图片滑动切换效果,折腾了半天,自己封装了一个比较通用的小控件,在此分享一下. 大概功能:可以自定义是否自动切换,支持单手滑动图片进行切换,支持左右滑动切换.循环切换等等,具体可以拿demo代码自己本地试试,注意只支持手机端哦 大概思路:通过touchstart.touchmove.touchend 三个事件加上css3的3d变化效果配合,实现滑动切换图片, 开发是基于Zepto框架,当然也支持其他任何一款手机端框架,只需将代码中的美元符号$换为指定框架操作

手机端的表单验证和PC端的不同

1.手机端:由于页面小的局限性,表单验证从上到下依次进行,如果上一个验证不通过,则给出错误提示,代码中return回去,不必进行下一个的校验: 2.PC端:页面范围大,一般是在表单的后面或者下面,提示错误信息,故校验时每个都需校验: 3.手机端一般不写blur事件,如上面的用户名校验重复性,减少ajax  http请求,在提交时统一校验.目的是减少用户的等待,增强用户体验性.

通过F5根据User-Agent做PC和手机端的阻断

1,需求:公网时:移动端可以通过小程序访问,但是希望PC通过web方式不能访问.内网时:移动端和手机端均可以访问.因代码已经完成,再改后台代码周期太长,通过F5来实现, 2,关键点:通过抓包手机端 PC端: 简单来说:移动端的User-Agent 还有XXX字段.PC不含有 3,F5解决方案when HTTP_REQUEST { if { [IP::addr [IP::client_addr] equals 1.1.0.0/12] or [IP::addr [IP::client_addr] e