移动端基础事件总结与应用-创新互联

1.触摸事件touch

创新互联是少有的网站设计制作、做网站、营销型企业网站、成都微信小程序、手机APP,开发、制作、设计、买友情链接、推广优化一站式服务网络公司,从2013年成立,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评

   touchstart      手指放在屏幕上触发

   touchmove    手指在屏幕上移动,连续触发

   touchend       手指离开屏幕触发

   touchcancel   当系统停止跟踪时触发,该事件暂时用不到

注意:

1.移动端只能事件只能通过监听函数添加,不能用on添加

2.移动端当中就不要用鼠标的事件

3.移动端的事件会触发浏览器的默认行为,所以在调用事件的时候要把默认行为阻止了ev.preventDefault。

demo:

document.addEventListener('touchstart',function(ev){
 ev.preventDefault();
});
var box=document.getElementById("box");
box.addEventListener('touchstart',function(){
 this.innerHTML='手指按下了';
});
box.addEventListener('touchmove',function(){
 this.innerHTML='手指移动了';
});
box.addEventListener('touchend',function(){
 this.innerHTML='手指离开了';
});

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章题目:移动端基础事件总结与应用-创新互联
文章地址:http://ybzwz.com/article/idjcj.html