Tagged with " javascript"
Apr 4, 2014 - javascript, 前端    No Comments

对于移动端浏览器touch事件的研究总结(2)

先放一段对于昨天文章的补充:

event.touches 是与屏幕接触的所有手指的数组。而不仅仅是位于目标 DOM 元素上的那些。所以改用 event.targetTouches 或 event.changedTouches 要更实用一些。前者主体是DOM,后者主体是事件。我个人一般喜欢用changedTouches。


还有就是在写原生JS的touch事件和用Jquery写touch事件的一些小小的区别:

先来看两段代码:

第一段,不会alert的代码:

$("body").on('touchstart', function(event){ 
    alert(event.changedTouches.length);
});

第二段,可以正常alert出内容的代码:

$("body").on('touchstart', function(){ 
    alert(event.changedTouches.length);
});

Read more »

Apr 3, 2014 - javascript, 前端    No Comments

对于移动端浏览器touch事件的研究总结(1)

最基本的4种触摸事件:

  • touchstart : 手指触摸屏幕时触发
  • touchmove : 手指在屏幕上滑动时触发
  • touchend : 手指离开屏幕时触发
  • touchcancel : 系统取消touch事件的时候触发。(例如你在浏览器里玩HTML5的游戏,这个时候你女朋友打电话进来了,就会触发touchcancel事件,游戏的作者就可以在这里做暂停游戏、自动存档等操作)

每个触摸事件都包括了三个触摸列表:

  • touches : 当前位于屏幕上的所有手指动作的列表
  • targetTouches : 位于当前 DOM 元素上的手指动作的列表
  • changedTouches : 涉及当前事件的手指动作的列表。例如,在一个 touchend 事件中,这将是移开手指

Read more »

Sep 3, 2012 - javascript, 前端    No Comments

Javascript Random

前几天弄了一下node.js的uuid,发现这个js其实也是可以用在前端的。同时又在项目中用到了那个getSeconds();的简单随机数。于是有了整理一下javascript随机数的念头。顺便写了一篇教程给公司的实习生用。

简单的getSeconds();随机数:

var randomNumberbySeconds = function(maxnum) {
	var now = new Date();
	//var number = now.getSeconds(); // 0 - 59 随机数
	//var number = now.getSeconds() % 43; // 0 - 42
	//var number = now.getSeconds() % (maxnum + 1);  // 0 ~ 43
	var number = now.getSeconds() % maxnum + 1; // 1 ~ 43
	return number;
}

Read more »