JavaScript学习日常知识点-15

一、阻止默认行为

.preventDefault()

二、client 

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面的水平坐标。

clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面的垂直坐标。

三、样式获取

window.getComputedStyle(dom对象).样式属性名;

#box {
        width: 200px;
        height: 200px;
        background-color: #f00;
      }


<div id="box" style="color: #999">hello world</div>


var oDiv = document.getElementById("box");

console.log(getComputedStyle(oDiv, null).color); // rgb(153, 153, 153)

console.log(getComputedStyle(oDiv, null).width); //200px

console.log(getComputedStyle(oDiv, null).backgroundColor);// rgb(255, 0, 0)

console.log(getComputedStyle(oDiv).display); //字符串类型  block

四、键盘事件

1.keydown()事件
当按钮被按下时，发生 keydown 事件

2.keypress()事件
keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。

3.keyup事件
keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件

 

五、滚轮事件

非火狐

document.addEventListener("mousewheel", function (ev) {
        //非火狐
        console.log(ev); //event  wheelEvent
        console.log(ev.wheelDelta); //120 滚轮往上滚   -120滚轮往下滚
        //   if (ev.wheelDelta > 0) {
        //     console.log("往上滚");
        //   } else {
        //     console.log("往下滚");
        //   }
    });

火狐

    document.addEventListener("DOMMouseScroll", function (ev) {
        //火狐
        console.log(ev); //DOMMouseScroll Event
        console.log(ev.detail); // -3 往上滚动   +3往下滚
        console.log(ev.detail * -40); //
    });

六、阻止事件冒泡

event.stopPropagation()

七 、正则对象

    var reg = /hello/g  //字面量
    var reg = new RegExp("hello","gi")//构造函数

    //new RegExp("正则模式"，"修饰符")

八、正则对象方法

    //regObj.test(参数)
    //  参数： 字符串
    //返回值： 布尔值

九、正则语法大全

建议http://www.baidu.com