要在整个页面添加事件要使用document,例如要捕抓鼠标位置 document.onclink=function(ev)  //FireFox Chrome默认都是有一个值传进来的 { var oEvent=ev||event;  //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX); }; /*取消事件冒泡*/ oDiv.onclick=function(ev) { oEvent=ev||event; oEvent.cancelBub…
http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs.com/mslove/archive/2010/04/26/1721024.html window.event代表着事件对象的状态.只有在事件发生时生效.如鼠标.键盘等事件被触发时这个对象才存在.window.event这只在IE下是这样的.他并不是标准..也就是说其他浏览器并不支持.在W3C标准支…
import React from 'react'; class Baby extends React.Component { constructor (props) { super(props) this.state={ name:'小兵' } //第二种改变this指向的方法 this.changeName2= this.changeName2.bind(this); } // 方法根render同级 方法1 changeName1(){ console.log(this.state.nam…
因为FireFox Chrome默认都是有一个值传进来的,所以这里是对IE和FireFox Chrome做了兼容. 例如:页面点击事件事件要使用document,获取鼠标位置 document.onclink=function(ev) { var oEvent=ev||event;  //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX+oEvent.clientY); }; /*取消事件冒泡*/ oDiv.onclick=function…
一.介绍 把一个click时间log出来是这样的: { altKey:false, bubbles:true, button:0, buttons:0, cancelBubble:false, cancelable:true, clientX:1, clientY:3, composed:true, ctrlKey:false, currentTarget:null, defaultPrevented:false, detail:1, eventPhase:0, fromElement:null…
event是事件对象(也是window的属性),但不是标准的,只有IE支持. 在W3C标准支持的浏览器下事件对象是引发事件函数的第一个参数,参数名随意. 所以,我们一般使用事件对象: function (ev){ var ev = ev || event; } 而 || 的两边是不能反过来写的,不了解ev || event和event || ev 只能说明你对||操作符不熟悉. ||返回第一个Boolean类型为true的值, 在IE中执行var oEvent = ev || event;时,e…
var e=ev||event; e.cancelBubble=true; document.documentElement   html document.body                          body [所以写的时候一定要加document.documentElement.scrollTop] e.clientX;//鼠标在可视取中的x坐标. e.clientY//鼠标在可是去中的y坐标.   //不兼容[不用] e.pageX;//鼠标在页面中的x坐标. e.page…
DOM中的事件对象:(符合W3C标准)    preventDefault()        取消事件默认行为    stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用.    stopPropagation()      取消事件冒泡对当前节点无影响. IE中的事件对象:    cancelBubble()          取消事件冒泡    returnValue()             取消事件默认行为…
html部分 <input type="button" id="btn1" value="按钮" /> <div id="div1"></div> css部分 <style type="text/css"> #div1{ width: 100px; height:100px ; background:#ccc ; display:none ; } </s…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 事件event</title> <script> window.onload=function() { var button=document.getElementById("button"); var box=docu…