前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js常用事件整理—兼容所有浏览器

js常用事件整理—兼容所有浏览器

作者头像
磊哥
发布2018-05-08 16:19:03
2.2K0
发布2018-05-08 16:19:03
举报
文章被收录于专栏:王磊的博客王磊的博客

1.鼠标滚动事件。

说明:返回值 大于0向上滚动,小于0向下滚动。

兼容型:所有浏览器。

代码:

代码语言:javascript
复制
/*********************** 
* 函数:鼠标滚动方向
* 参数:event 
* 返回:滚轮方向[向上(大于0)、向下(小于0)]
*************************/
var scrollFunc = function(e) {
    var direct = 0;
    e = e || window.event;
    if (e.wheelDelta) {//IE/Opera/Chrome 
        direct = e.wheelDelta;
    } else if (e.detail) {//Firefox 
        direct = e.detail;
    }
    // 返回值
    alert(direct);
}
/*注册事件*/
if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//W3C
document.onmousewheel = scrollFunc; //IE/Opera/Chrome

2.获取滚动条高度。

兼容性:所有浏览器。

代码:

代码语言:javascript
复制
// 滚动条的高度
function getScrollTop() {
    var scrollTop = 0;
    if (document.documentElement && document.documentElement.scrollTop) {
        scrollTop = document.documentElement.scrollTop;
    }
    else if (document.body) {
        scrollTop = document.body.scrollTop;
    }
    return scrollTop;
}

3.去掉所有html文本标记的js

代码语言:javascript
复制

function delHtmlTag(str)  
{  
   return str.replace(/<[^>]+>/g,"");//去掉所有的html标记  
}

4.字节长度查询

代码语言:javascript
复制
// 返回字节长度byte
function GetBytes(obj) {
    var byteLegth = 0;
    if (null != obj) {
        for (var i = 0; i < obj.length; i++) {
            if (obj.charCodeAt(i) >= 0 && obj.charCodeAt(i) <= 255) {
                byteLegth++;
            }
            else {
                byteLegth = byteLegth + 2;
            }
        }
    }
    return byteLegth;
}

5.字节长度截取

代码语言:javascript
复制
// 字符截取
function titleSetLeg(obj) {
    var tit = jQuery(obj).val();
    var leg = 26;   // 截取长度
    if (GetBytes(tit) > leg) {
        // 字符截取操作
        for (var i = 0; i < leg; i++) {
            if (!(tit.charCodeAt(i) >= 0 && tit.charCodeAt(i) <= 255)) {
                // 汉字
                leg--;
            }
        }
        jQuery(obj).val(tit.substring(0, leg));
    }
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2011-11-14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档