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)); } } |
关注下面二维码,订阅更多精彩内容。

【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验