事件 —【event事件】

var box =document.getElementsByClassName('box')[0];
box.onmousedown=function (event) {
    var e=window.event||event;
    console.log(e.button);//鼠标点击返回点击值,左键返回0,滚轮返回1,右键返回2;
}


box.onclick=function (event) {
    var e=  window.event ||event; //event进行兼容
    console.log(e.clientX); //获取的是点击位置到窗口客户区域的X距离,不包括窗口自身控件和滚动条
    console.log(e.clientY); //获取的是点击位置到窗口客户区域的Y距离,不包括窗口自身控件和滚动条
}


box.onclick=function (event) {
    var e=  window.event ||event; //event进行兼容
    console.log(e.offsetX); //获取的是点击位置到触发事件对象的X距离
    console.log(e.offsetY); //获取的是点击位置到触发事件对象的Y距离
}


box.onclick=function (event) {
    var e=  window.event ||event; //event进行兼容
    console.log(e.screenX); //获取的是点击位置到用户显示器的X距离
    console.log(e.screenY); //获取的是点击位置到用户显示器的Y距离
}

var oInt =document.getElementsByTagName('input')[0];
oInt.onkeydown=function (event) { 
    var e=  window.event ||event; //event进行兼容
    console.log(e.keyCode); //获取所敲击的键盘码
}


var oInt =document.getElementsByTagName('input')[0];
oInt.onkeydown=function (event) {
    var e=  window.event ||event; //event进行兼容
    e.preventDefault();
    console.log(e.shiftKey); //获取所敲击的键盘码altKey,ctrlKey一样,返回true或者false
}
var oInt =document.getElementsByTagName('input')[0];
oInt.onkeydown=function (event) {
    var e=  window.event ||event; //event进行兼容
    e.preventDefault();
    console.log(e.target); //返回触发事件的元素
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值