您的位置:首页 > Web前端 > JavaScript

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

2011-11-14 16:17 639 查看
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));
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: