13:45 提问
手机网页，js或jquery判断用户手指擦过的方向
近期上班这要做一个手机网站，页面什么的都没问题，现在面临一个大问题。
用户的网站，列表页，有个管理的功能，类似于微信，在那条数据上，手指向左擦拭，显示删除按钮，向右擦拭，显示修改按钮。
想请教下前辈们，怎么用js或者jquery判断手指擦拭的方向。
按赞数排序
js(导入jquery-mobile)
$(document).on("pagecreate", "#page", function () {
$(document).on("swipeleft swiperight", "#page", function (e) {
if ($(".ui-page-active").jqmData("panel") !== "open") {
if (e.type === "swiperight") {
alert("向右滑动");
} else if (e.type === "swipeleft") {
alert("向左滑动");
----------------------同志你好，我是CSDN问答机器人小N，奉组织之命为你提供参考答案，编程尚未成功，同志仍需努力！
这个应该是用手机系统的手势，还不是 JS 或 Query。因为 JS 或 Query 本身并没有对手势的支持！
添加touchStart和touchEnd/touchMove事件，判断下event.changedTouches[0].pageX就可以知道方向了
添加touchStart和touchEnd/touchMove事件
判断下event.changedTouches[0].pageX就可以知道方向了
&div data-role="page" id="page" data-url="page"&
这不是jquery了 ，。。。。这还得区分andriod和IOS，忒麻烦
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐[jquery]判断页面滚动到顶部和底部（适用于手机web加载）
时间： 18:57:54
&&&& 阅读：1458
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
//判断页面滚动到顶部和底部
$(window).scroll(function(){
var doc_height = $(document).height();
var scroll_top = $(document).scrollTop();
var window_height = $(window).height();
if(scroll_top == 0){
alert("到顶啦");
}else if(scroll_top + window_height &= doc_height){
alert("到底啦啦");
&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：http://www.cnblogs.com/zhixi/p/4972405.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！&>&基于Jquery的手机触摸屏事件插件，可以辨别手机触摸滑动事件的方向等。
基于Jquery的手机触摸屏事件插件，可以辨别手机触摸滑动事件的方向等。
上传大小：185KB
基于Jquery的手机触摸屏事件插件，可以辨别手机触摸滑动事件的方向等。响应式开发，移动web端开发很有用。demo众多，简单易用
综合评分：5
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有9条
不是我想要的
可以用，至少对我的项目还是有帮助的。
用户体验级较差 不是想要的内容
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
基于Jquery的手机触摸屏事件插件，可以辨别手机触摸滑动事件的方向等。
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
举报的资源分：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*详细原因：
基于Jquery的手机触摸屏事件插件，可以辨别手机触摸滑动事件的方向等。博客分类：
问题描述：
为了确保数据库中不能保存重复手机串号，点击“提交”按钮时验证手机串号是否已存在，用jQuery实现方法如下所示:
jsp页面中对应的代码如下所示：
&html& &head&
&title&终端管理-添加&/title&
$(document).ready(function(){
var validate = $("#inputForm").validate({
equipmentImei:{required:true,
url: "equipment!checkImei.action",
equipmentImei: function() {
return $("#equipmentImei").val();
messages:{
equipmentImei:{required:"手机串号不能为空！",
remote:"串号已存在"
$("#save").click(function(){
if(validate.form()){
$("#inputForm").attr("action","equipment!save.action");
$("#inputForm").submit();
&/script& &/head& &body style="margin: 0, 0, 0, 0"&
&div align="center"&
&h1&创建终端信息&/h1&
&form id="inputForm" action="equipment!save.action" method="post"&
&input type="hidden" name="equipmentId" id="equipmentId" value="${equipmentId}" /&
&table width="900" border="1" cellPadding=0 cellspacing="0"&
&font color="red"&*&/font&为必填选项
&td width="26%"&手机串号:&font color="red"&*&/font&
&input name="equipmentImei" type="text" id="equipmentImei" value="${equipmentImei }" size="35" /&
&div class="btnav"&
&input type="submit" value=" 提 交 " class="submit" id="save" /&
&input type="button" value=" 取 消 " class="submit" onclick="history.back()" /&
&/form& &/body&&/html&
java代码：
//检查手机串号是否存在,一个串号只能对应一个用户 public void checkImei(){
String imei = Struts2Utils.getRequest().getParameter("equipmentImei");
String ret = "true";
if(imei != null && !"".equals(imei.trim())){
if(equipmentManager.isImeiExist(imei.trim())){
//串号存在
ret = "false";
ret = "true";
Struts2Utils.renderJson(ret); }
public boolean isImeiExist(String imei){
return equipmentDao.isImeiExist(imei); }
public boolean isImeiExist(String imei){
String sql="select * from ss_equipment where equipment_imei ='"+imei+"'";
SQLQuery sq=getSession().createSQLQuery(sql);
if(sq.list()!=null&&sq.list().size()&0){
浏览: 23774 次
来自: 济南
你的是不是android2.2
我的点了怎么没用呢。&uses-permission a ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'您还可以使用以下方式登录
当前位置：&>&&>&&>& > jQuery判断浏览器是移动端还是电脑端自动跳转
jQuery判断浏览器是移动端还是电脑端自动跳转
一个段小代码，同一个网站针对移动端查看和电脑端查看跳转不同的页面。首先加载jQuery文件。&&&$(function(){
var MobileUA = (function() {
var ua = navigator.userAgent.toLowerCase();
var mua = {
IOS: /ipod|iphone|ipad/.test(ua), //iOS
IPHONE: /iphone/.test(ua), //iPhone
IPAD: /ipad/.test(ua), //iPad
ANDROID: /android/.test(ua), //Android Device
WINDOWS: /windows/.test(ua), //Windows Device
TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device
MOBILE: /mobile/.test(ua), //Mobile Device (iPad)
ANDROID_TABLET: false, //Android Tablet
WINDOWS_TABLET: false, //Windows Tablet
TABLET: false, //Tablet (iPad, Android, Windows)
SMART_PHONE: false //Smart Phone (iPhone, Android)
mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE;
mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua);
mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET;
mua.SMART_PHONE = mua.MOBILE && !mua.TABLET;
//SmartPhone
if (MobileUA.SMART_PHONE) {
// 移动端链接地址
document.location.href = 'http://www.aaa.com/wap/index.html';
}});&&就爱阅读www.92to.com网友整理上传,为您提供最全的知识大全,期待您的分享，转载请注明出处。
欢迎转载：
推荐：