js防止滑动误点击

function mobileClick( ele) {
if ( ! ele) {
return false;
}

ele . addEventListener( " touchstart ", function( evt){
this . setAttribute( " data-moved ", " n ");
var p = evt . touches[ 0];
this . setAttribute( " data-touch-start-clientx ", p . clientX);
this . setAttribute( " data-touch-start-clienty ", p . clientY);

});

ele . addEventListener( " touchmove ", function( evt){
if ( this . getAttribute( " data-moved ") == " y ") return false;

var p = evt . touches[ 0];
var startClientX = parseInt( this . getAttribute( " data-touch-start-clientx "), 10);
var startClientY = parseInt( this . getAttribute( " data-touch-start-clienty "), 10);
var deltax = p . clientX - startClientX;
var deltay = p . clientY - startClientY;
if ( Math . abs( deltax) > 10 || Math . abs( deltay) > 10) {
this . setAttribute( " data-moved ", " y ");
}
});

ele . addEventListener( " touchend ", function( evt) {

if ( this . getAttribute( " data-moved ") == " y ") {
evt . stopImmediatePropagation();
return false;
}
});


} // 防止滑动触发点击事件


function getElementsClass( classnames){
var classobj = new Array(); // 定义数组

var classint = 0; // 定义数组的下标

var tags = document . getElementsByTagName( " * "); // 获取HTML的所有标签

for( var i in tags){ // 对标签进行遍历

if( tags[ i] . nodeType == 1){ // 判断节点类型

if( tags[ i] . getAttribute( " class ") == classnames) // 判断和需要CLASS名字相同的,并组成一个数组

{

classobj[ classint] = tags[ i];

classint ++;

}

}

}

return classobj; // 返回组成的数组

}
// 获取dom节点
function getElementsClass( classnames){
var classobj = new Array();
var classint = 0;
var tags = document . getElementsByTagName( " * ");
for( var i in tags){
if( tags[ i] . nodeType == 1){
if( tags[ i] . getAttribute( " class ") == classnames)
{
classobj[ classint] = tags[ i];
classint ++;
}
}
}
return classobj;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值