-
1.首先分析实现原理；然后分析要取出的对象，进行取出；再给对象绑定事件； 2.分析各种事件，并对其件进行函数封装； 3.块的里面的文字（状态、下）不见了：用负缩进把他们搞到窗口之外了，当代码注释使用。 4.在适当的地方阻止事件冒泡： ul父元为div，点击li时希望ul隐藏，点击div时希望其显示，在点击li后会冒泡到div ,因而需要阻止冒泡； 注意区分onmousedown和onclick，只能阻止相对应类型事件。 重点：利用事件冒泡实现切换状态菜单；当一个块内包含众多事件时，必须要注意到事件冒泡的影响。 5.在其他任何地方点击，要使列表隐藏：document.onclick是代表在页面的任何地方点击事件。 document下的子元素还有一个onclick事件，所以要注意事件冒泡的影响；查看全部
-
事件对象查看全部
-
有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth查看全部
-
拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标：clientX clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定，禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果 注意可以把left、top理解成x轴、y轴查看全部
-
JS中function是一个对象，有默认的一个属性arguments，也是一个对象。 而且arguments是类“数组”对象，可以通过arguments[0]获取你传入function的第一个参数，因此，不管你给参数起名叫什么，事件处理函数的第一个参数，都默认是事件对象event。 而对象的名字，叫什么无所谓，所以你传一个e也行，传event也行，传abc也行查看全部
-
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。查看全部
-
1、任何能够跟着鼠标移动的东西 都要有一个前提：绝对定位 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 3、js ie10以下版本不支持document.getElementsByClassName 4、js封装getClass方法，获取class 5、实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在事件的clientX和clientY两个属性中。 6、onmousedown鼠标按下 窗口和鼠标的位置同步； element.style.left/top=clientX/Y+'px'; onmousemove当鼠标指针在元素内部移动时重复地触发查看全部
-
鼠标事件查看全部
-
document.onclick=function(){<br> alert(arguments.length); //浏览器会默认传递一个参数<br> alert(arguments[0]);//[object MouseEvent]，如果是keydown,则为[object KeyboardEvent]<br> }<br> 可以看出，事件处理中，浏览器已经默认将一个参数传递过来了。而在普通函数和匿名函数中，是不传递event对象的。 event对象的接收： 在W3C中可以直接接受event对象，如： input.onclick = function (evt) { //接受 event 对象，名称不一定非要 event alert(evt); //MouseEvent，鼠标事件对象 IE不支持 };查看全部
-
原来 && 和 的返回值是这样计算的 &&首先计算其左边的表达式，如果它的值为false或可被转换为false(null、NaN、0或undefined),那么将返回左边表达式的值，否则，它将计算右边的表达式， 并返回这个表达式结果作为 &&运算的结果。 首先计算其左边的表达式，如果它的值不为false或不可被转换为false(null、NaN、0或undefined),那么将返回左边表达式的值，否则，它将计算右边的表达式，查看全部
-
对于 IE8.0 及其以下版本，event 必须作为 window 对象的一个属性。 语法： elementObject.OnXXX=function(){ var eve=window.event; // 声明一个变量来接收event对象 }查看全部
-
获取event对象 在 W3C 规范中，event 对象是随事件处理函数传入的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持这种方式；但是对于 IE8.0 及其以下版本，event 对象必须作为 window 对象的一个属性。 在遵循 W3C 规范的浏览器中，event 对象通过事件处理函数的参数传入。 语法： elementObject.OnXXX=function(e){ var eve=e; // 声明一个变量来接收 event 对象 }查看全部
-
注意：非IE是event，IE8以下是window.event event=event window.event查看全部
-
IE中的事件对象：1.type属性用于获取事件类型2.srcElement属性用于获取事件的目标3.cancelBubble属性用于阻止事件冒泡（设置为true表示阻止冒泡，flase表示不阻止冒泡）4.retrueValue属性用于阻止事件的默认行为（设置为fasle表示阻止事件的默认行为）查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
举报
0/150
提交
取消