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));

}

js常用事件整理—兼容所有浏览器相关推荐

SCRIPT5005: 缺少字符串 abclite-2063-s.js (1,43533) vue 兼容 ie 浏览器报错（iview-admin, view-design）
网上有很多种方案,首先通用的设置是一样的,通过babel-polyfill来降级处理,抹平差异化,通用的配置可以参考这篇文章 vue 项目在ie浏览器的兼容问题_尹小姐的博客-CSDN博客_vue兼容 ...
原生js获取document_原生JS常用API整理
Anchor 对象:指HTML超链接 1.修改一个链接的文本,链接和target //html部分访问 Microsoft 改变超链接的文本和 URL.也改变 target 属性.target 属性 ...
网页调用JS音频播放器兼容所有浏览器，包括IE6,7,8,9,FF,GOOGLE,OPERA,360等
1.引入JS,或者把它下载下来 <script src="//api.html5media.info/1.1.8/html5media.min.js"></scr ...
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...
js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01 var addEvent = ...
JS事件及其兼容用法
JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的 ...
JS、Flash 实现复制功能（浏览器兼容）
JS.Flash 实现复制功能 (浏览器兼容) /** 此方法不兼容非IE外的浏览器...参考其它网站的实现方式,是用Flash来解决的此问题 */ function copyOperate(co ...
JS生成二维码(兼容各种浏览器及中文）
本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文. 代码如下: <!DOCTYPE html> <html> <head> <meta ch ...
html5 复制到剪贴板兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
js实现兼容ie浏览器的菜单点击效果
在ie中,下面代码中的onclick会报错,不支持,所以我用了绑定事件(下面代码的onclick删不删都不影响)  <div class="botto ...

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

js常用事件整理—兼容所有浏览器相关推荐

最新文章

热门文章