前端工作常常会用到的一些经验技巧（三）

使div  p  span 等元素获取焦点

1、给元素添加 tabindex=" num " 

2、可以使用focus，blur事件

3、去掉focus的外边框，设置outline:none

---

js处理文件路径中的反斜杠方法：path.split(/\\/g)

path为中文路径：E:\record\movie\2016-05-14\123.mp4

 

---

 使用（主要是IE9）window.showModalDialog出现 不能执行已释放Script的代码 错误的解决方法：

将window.returnValue的值转化成bool或者字符串，不能为object 。

---

 

jquery鼠标滚轮事件：

$(document).on("mousewheel DOMMouseScroll", function (e) {    
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox

    if (delta > 0) {
        console.log("wheelup");
    } else if (delta < 0) {
        console.log("wheeldown");
    }
});

 jquery要使用2.0以下

---

 

页面禁止使用鼠标滚动缩放页面

$(document).on("mousewheel DOMMouseScroll", function (e) {
　　if(e.ctrlKey){
　　　　e.preventDefault();
　　}

})

---

 

使用img做背景图片时，出现无法消除的灰色边框，处理方法：

添加src属性，同时设置空白图片

<img src="http://www.xcwljy.cn/images/pixel.gif" style="background: url('../images/icon-rounded-hall.png') no-repeat;border: none;" />

以上代码等同于：

<div style='background: url("../images/icon-rounded-hall.png") no-repeat;'></div>