- 博客(0)
- 资源 (16)
- 收藏
- 关注
js左右滑屏
js的左右滑动触屏事件(2012-01-20 08:55:53)转载▼标签: 移动设备触屏事件杂谈 分类: js
js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。
touchstart在触摸开始时触发事件
touchend在触摸结束时触发事件
touchmove这个事件比较奇怪,按道理在触摸到过程中不断激发这个事件才对,但是在我的 Android 1.5 中,在 touchstart 激发后激发一次,然后剩余的都和 touchend 差不多同时激发。
这三个事件都都有一个 timeStamp 的属性,查看 timeStamp 属性,可以看到顺序是 touchstart -> touchmove ->touchmove -> … -> touchmove ->touchend。
下面是一段代码实例:
document.getElementsByTagName_r('body')[0].addEventListener('touchstart', function (e) {
nStartY = e.targetTouches[0].pageY;
nStartX = e.targetTouches[0].pageX;
});
document.getElementsByTagName_r('body')[0].addEventListener('touchend', function (e) {
nChangY = e.changedTouches[0].pageY;
nChangX = e.changedTouches[0].pageX;
PS:1.touch事件跟click事件是不会被同时触发的。现在的移动设备做的比较好,已经把这个问题完美的避免掉了。
2.注意触摸的开始和结束位置的位移大小。如果位移小过小应该不做任何动作。
附上苹果官方的事件文档。http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/handlingevents/handlingevents.html
2013-06-27
jsp分页效果
首先要定义四个变量:int pageSize:每页显示多少条记录int pageNow:希望显示第几页int pageCount:一共有多少页int rowCount:一共有多少条记录说明:pageSize是指定的 pageNow是用户选择的rowCount是计算出来的 该计算式为if(rowCount%pageSize==0){pageCount=rowCount/pageSize;}else{pageCount=rowCount/pageSize+1;}(技巧:数据库插入:insert into 表名(字段1,2,。。。)select 字段1,2,...from 表名)查询语句select top pageSize字段名列表from表名where id not in(select top pageSize*(pageNow-1)id from 表名)以我们前面的users表为例,显示第二页,该查询语句就是:select top 3 * from users where userId not in(select top 3 userId from users)(select top 3 userId from users):选出这个表的前三条 前面再选三条<h1>用户信息列表</h1><%//定义四个分页会用到的变量int pageSize=3;int pageNow=1;//默认显示第一页int rowCount=0;//该值从数据库中查询int pageCount=0;//该值是通过pageSize和rowCount//接受用户希望显示的页数(pageNow)String s_pageNow=request.getParameter("pageNow");if(s_pageNow!=null){//接收到了pageNowpageNow=Integer.parseInt(s_pageNow);}//查询得到rowCountClass.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver");Connection ct=DriverManager.getConnection("jdbc:microsoft:sqlserver://127.0.0.1:1433;dataBaseName=System","sa","");Statement sm=ct.createStatement();ResultSet rs=sm.exeuteQuery("select count(*) form users ");if(rs.next()){rowCount=rs.getInt(1);}//计算pageCountif(rowCount%pageSize==0){pageCount=rowCount/pageSize;}else{pageCount=rowCount/pageSize+1;}//查询出需要显示的记录rs=sm.exeuteQuery("select top "+pageSize+" * from users where userId not in(select top "+pageSize*(pageNow-1)+" userId from users) ");%>//显示<table border="1"><tr><td>用户ID</td><td>用户名字</td><td>密码</td><td>电邮</td><td>级别</td></tr><%while(rs.next()){%><tr><td><%=rs.getInt(1)%></td><td><%=rs.getString(2)%></td><td><%=rs.getString(3)%></td><td><%=rs.getString(4)%></td><td><%=rs.getInt(5)%></td></tr><%}%></table><%//上一页if(pageNow!=1){out.println("<a href=wel.jsp?pageNow="+(pageNow-1)+">上一页</a>");}//显示超链接for(int i=1;i<=pageCount;i++){out.println("<a href=wel.jsp?pageNow="+i+">["+i+"]</a>");}//下一页if(pageNow!=pageCount){out.println("<a href=wel.jsp?pageNow="+(pageNow+1)+">下一页</a>");}%>
2013-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人