oDiv.onclick=function(e){// e 就是和 IE 的 window.event 一样的东西console.log(e.X轴坐标点信息)console.log(e.Y轴坐标点信息)} 综上所述,我们以后在每一个事件里面,想获取事件对象的时候,都用兼容写法 oDiv.onclick=function(e){e=e||window.eventconsole.log(e.X轴坐标点信息)console.log(e....
//键盘事件functionjianpan(){ console.log("按一下!"); } ③ 表单事件: (重点)onfocus--获取焦点时触发(不常用) (重点)onblur--失去焦点时触发 (重点)oninput--输入时触发——onkeydown效果相同 HTML代码: <!--表单事件--><!--获取焦点时-->获取:<!--失去焦点时-->失去:<!--失去焦点时-->失...
document.body.onclick=function(event){alert(event.currentTarget===document.body);//truealert(this===document.body);//truealert(event.target===document.getElementById("myBtn"));//true}; 通过event.type与switch case组合,可以通过一个函数处理多个事件。 只有在事件处理程序执行期间,event对象才会存在;...
e=event||window.event; ie/谷歌中: event 是一个内置的全局对象。 标准下: 事件对象是通过事件函数的第一个参数传入的。 window.onclick=function(e,f){ //var f; console.log(f) //undefined } 没有事件发生:输出 undefined console.log(window.event) //undefined console.log(event) //undefined 形式...
oDiv.onclick=function(){console.log(window.event.X轴坐标点信息)console.log(window.event.Y轴坐标点信息)} 这个玩意很好用,但是一般来说,好用的东西就会有 兼容性问题 在IE低版本 里面这个东西好用,但是在 高版本IE 和 Chrome 里面不好使了 我们就得用另一种方式来获取 事件对象 ...
addEventListener('click', function(event) { }) // event 就是事件对象 event 对象代表事件的状态,例 键盘按键的状态,鼠标的位置,鼠标按钮的状态 即 事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,它有很多属性和方法 4.2-事件对象的使用语法 eventTarget.onclick = function(event) { } ...
oDiv.onclick = function () { console.log(window.event.X轴坐标点信息) console.log(window.event.Y轴坐标点信息) } 这个玩意很好用,但是一般来说,好用的东西就会有 兼容性问题在 IE低版本 里面这个东西好用,但是在 高版本IE 和 Chrome 里面不好使了我们就得用另一种方式来获取 事件对象在每一个事件处理...
一、onclick: 1.onclick添加事件: 语法: element.onclick = function (){}; 1. 实例如下: 点我 var box1 = document.getElementById("box1"); box1.onclick = function(){ console.log("我是第一个"); } box1.onclick = function(){ console.log("我...
有 evt 的情况，是为了获得事件对象(evt 是传入的事件对象)。你如果需要取得onclick事件的事件对象信息，就可以从 evt 中取得，比如：evt .srcElement.tagName
input.onclick = function (evt) { var oEvent = evt || window.event; //实现跨浏览器兼容获取 event 对象 alert(oEvent );}; 鼠标事件 clientX 可视区 X 坐标,距离左边框的位置 clientY 可视区 Y 坐标,距离上边框的位置 screenX 屏幕区 X 坐标,距离左屏幕的位置 ...