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));     } } 《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的js常用事件整理—兼容所有浏览器的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。