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常用事件整理—兼容所有浏览器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。