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

1.鼠标滚动事件。

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

兼容型:所有浏览器。

代码:

/*********************** 
* 函数:鼠标滚动方向
* 参数: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.获取滚动条高度。

兼容性:所有浏览器。

代码:

// 滚动条的高度
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

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

4.字节长度查询

// 返回字节长度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.字节长度截取

// 字符截取
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));
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

第51天:封装可视区域大小函数client

    offsetWidth: width  +  padding  +  border (披着羊皮的狼)  

874
来自专栏ShaoYL

frame方式布局一段文子,设置宽高

2906
来自专栏前端布道

详解各种获取元素宽高及位置的属性

offsetWidth / offsetHeight offsetWidth HTMLElement.offsetWidth 是一个只读属性,返回一个元素的布局...

3208
来自专栏前端知识分享

第76天:jQuery中的宽高

2、window对象可以省略,比如alert()也可以写成window.alert()

831
来自专栏积累沉淀

JavaScript DOM元素尺寸和位置

三大点: 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 一.获取元素CSS大小 1.通过style内联获取元素的大小 var box = ...

1837
来自专栏cnblogs

深入理解和应用display属性(一)

    Display在官方定义:规定元素应该生成的框的类型。本文只重点分析常用的6个值:none、block、inline、inline-block、inhe...

2115
来自专栏Web 开发

TouchEvent猜想与验证

节前在支援一些移动页面的时候,遇到了蛮多的TouchEvent相关的问题,趁着假期一一验证一下。

1010
来自专栏前端知识分享

第52天:offset家族、scroll家族和client家族的区别

1682
来自专栏极客慕白的成长之路

JavaScript实现计算器方法拓展

除特别注明外,本站所有文章均为慕白博客原创,转载请注明出处来自https://geekmubai.com/programming/757.html

2341
来自专栏Windows Community

Windows Phone 8.1 新特性 - 控件之列表选择控件

本篇我们来介绍Windows Phone 8.1 新特性中的列表选择控件。 在Windows Phone 8 时代,大家都会使用 LongListSelecto...

3449

扫码关注云+社区

领取腾讯云代金券