javascript实现手机触摸屏左右（上下）滚动（javascript感知滑屏方向）

[html]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="target-densitydpi=medium-dpi, width=device-width, height=device-height, initial-scale=1" />
<title></title>
<style type="text/css">
*{ margin:0; padding:0;}
body{border:1px solid #066}
.b{ width:1000px; height:77px}
.b div{width:98px; height:75px; word-wrap:break-word; word-break:break-all; float:left; border:1px solid #096; overflow:scroll}
</style>
</head>
<body leftmargin="4" rightmargin="4" onswipe="g('dbg1').innerHTML='swipe b'" onswipeleft="g('dbg2').innerHTML='left b'" onswiperight="g('dbg2').innerHTML='right b'">
swipe swipeleft swiperight
<div id="div1" style="width:300px; overflow:hidden; height:77px; margin:0 auto" onswipe="g('dbg1').innerHTML='swipe'" onswipeleft="g('dbg2').innerHTML='left'" onswiperight="g('dbg2').innerHTML='right'">
    <div style="word-break:break-all" class="b">
        <div id="dbg1"> 1</div>
        <div id="dbg2"> 2</div>
        <div id="dbg3"> 3</div>
        <div id="dbg4"> 4</div>
        <div id="dbg5"> 5</div>
        <div id="dbg6"> 6</div>
        <div> 7</div>
        <div> 8</div>
        <div> 9</div>
        <div> 0</div>
    </div>
</div>
<div id="dbg">dbg</div>

<script language="javascript">
function printEvent(evt)
{
    try
    {
        var tmp = '';
        for(var i in evt)
        {
            tmp += i+':'
            var v = evt[i]+'';
            if(v=='[object HTMLDivElement]')
            {
                tmp+=' <b>div</b> - '+evt[i].id+'<br/>';
            }
            else if(''+(evt[i])=='[object TouchList]')
            {
                tmp+=' <br/>    <b>touchlist</b>:<div style="border:1px solid red; margin:1px"> ';
                for(var x in evt[i])
                {
                    if(''+(evt[i][x])=='[object Touch]')
                    {
                        tmp+='<br>    ----'+x+':'+' <b>Touch</b><br/><div style="border:1px solid blue;margin:1px">';
                        for(var y in evt[i][x])
                        {
                            if(evt[i][x][y]=='[object HTMLDivElement]')
                            {
                                tmp+='    ----'+y+':<b>div</b> - '+evt[i][x][y].id+'<br/>';
                            }else tmp+='<br>    ----'+y+':'+evt[i][x][y]+'<br/>';
                        }
                        tmp+='</div>';
                    }else
                        tmp+='<br>     '+x+':'+evt[i][x]+'<br/>';
                }
                tmp+='</div>';
            }else if(typeof(evt[i])=='number'){
                tmp+='<font color="green">'+v+'</font><br/>';
            }
            else tmp+=''+v+'<br/>';
        }
  &n

补充：web前端 , JavaScript ,