记录学习前端知识的旅程【5】

window的滚动事件

1、window.scroll(x,y)    可以让浏览器窗口移到（x,y）的位置，如要回到顶部可写 window.scroll(0,0)  ;

2、window.pageYOffset     获取到页面已经滚动了多少距离

可以用来实现返回顶部的效果

 

一些移动端的事件

1、touchstart    手指摸到 元素时 触发的事件

2、touchmove   手指在 元素 上移动时触发的事件

3、touchend   手指在 元素上 松开触发的事件

 

触摸事件对象

function(e){
e.touches;//触摸屏幕的手指列表

e.touchTouches;//触摸dom元素的手指列表
//如果绑定事件的对象为dom元素，那么touches获取的列表与touchTouches一样；

e.ChangeTouches;//手指状态发生改变的列表
}

classList属性

在js中如果用className会清掉原有的类名，而使用classList会更加方便。

//使用className，比如dom元素原来就有一个.current 要是想在加上.end，就要这样写
dom元素.className='.current .end';

//而使用classList
//增加类
dom元素.classList.add('end');//会在后面追加类名，并且不会清掉.current

//移除类
dom元素.classList.remove('类名')//会移除 想要去掉的类


//切换类
dom元素.classList.toggle('类名')//如果dom元素有这个类就会移除，没有就会增加这个类



dom元素.classList[0]  //返回第一个类名
dom元素.classList[1]  //返回第二个类名

over！！！