JavaScript兼容处理

/* 
* 根据class获取对象
* clsName:给定类名 
* tagName:给定的HTML元素,如果为任意 tagName='*' 
* ClassElements:返回值 
*/
function getElementsByClassName(clsName, tagName) {
  var ClassElements = []; 
  selElements = document.getElementsByTagName(tagName); 
  for (var i = 0; i < selElements.length; i++) {
    if (selElements[i].className == clsName) {
      ClassElements[ClassElements.length] = selElements[i];
    }
  }
  return ClassElements;  
}

/* 
* 给对象绑定事件
* obj:点击元素的对象 
* ev:事件类型,注意要去掉事件的on
* fn:事件运行的函数
*/
function myAddEvent(obj, ev, fn)
{
  if(obj.attachEvent)
  {
    //console.info(obj);
    obj.attachEvent('on'+ev, function(){ fn.call(obj,arguments);}); //在IE使用attachEvent绑定事件
  }else{
    obj.addEventListener(ev, fn, false); //在非IE使用addEventListener绑定事件
  }
}

/* 
* 停止事件冒泡
*/
function stopBubble(e){
  // 如果提供了事件对象,则这是一个非IE浏览器
  if ( e && e.stopPropagation ){
    e.stopPropagation(); //因此它支持W3C的stopPropagation()方法 
  }else{ 
    window.event.cancelBubble = true; // 否则,我们需要使用IE的方式来取消事件冒泡
  }
}

/* 
* 阻止事件默认行为
*/
function stopDefault(e) {
    if ( e && e.preventDefault ) {
     e.preventDefault(); // 阻止默认浏览器动作(W3C)
  } else {
    window.event.returnValue = false; // IE中阻止函数器默认动作的方式
  }
  return false;
}

未完 待续

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值