-
添加点击鼠标事件（onclick），不加on,即‘click’。鼠标滑过等等事件都不加on，注意， this引用的是被触发的原始。查看全部
-
DOM2级事件处理程序： DOM0和DOM2级都可以添加多个事件，执行顺序按照先后顺序。HTML事件不能添加多个查看全部
-
删除onclick属性的方法查看全部
-
DOM0级事件处理程序： 传统方式：把一个函数赋值给一个事件的处理程序属性用的用的比较多的方法 简单 跨浏览器的优势查看全部
-
HTML已经被摒弃了，主要原因如下：查看全部
-
HTML事件的缺点：HTML和JS代码紧密耦合在一起。如果修改，就要修改两个地方--HTML元素内和script函数。查看全部
-
事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。从上往下，感觉查看全部
-
1、事件流----描述的是从页面中接受事件的顺序。 IE:事件冒泡流； N:事件捕获流 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。查看全部
-
事件对象 在触发DOM的事件时都会产生一个对象事件对象event<br> 1.DOM中的事件对象<br> （1）type属性 用于获取事件类型<br> （2）target属性 用于获取事件目标 （3）stopPropagation()方法阻止事件冒泡。事件冒泡是从最具体的事件到最外层不具体的事件。 （4）preventDef()方法组织事件的默认行为，例如<a href="#" ></a>查看全部
-
封装一个方法而不去用document.getElementsByCalssName()的原因是IE10以下的浏览器不支持后者； 封装方法时必选的元素写在前面，可选写在后面； 先对父元素做处理，for循环遍历数组时可以同时初始化多个变量； 数组的push方法：可向数组的末尾添加一个或多个元素，并返回新的长度； js封装getClass方法，获取class； 鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离； 实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在时间的clientX和clientY两个属性中； 任何能够跟着鼠标移动的东西 都要有一个前提：绝对定位；onmousedown鼠标按下 窗口和鼠标的位置同步； element.style.left/top=clientX/Y+'px'; onmousemove当鼠标指针在元素内部移动时重复地触发（这样有bug，需要求出光标落点距离面板的位置）； onload flag函数会在页面或图像加载完成后立即发生 window.onload=drag;查看全部
-
事件冒泡查看全部
-
attachEvent() dattachEvent()查看全部
-
console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是： 他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。 键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为13 定时器： 注意：使用timer前一定要进行初始化=====>var timer[]; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加 随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整查看全部
-
事件对象查看全部
-
拖拽->鼠标跟随<br> 1、绑定鼠标点击事件<br> 2、获取鼠标坐标：clientX clientY (所有浏览器都支持此属性)<br> 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽)<br> 4、将拖拽元素设置成绝对定位<br> 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法)<br> 6、设置left、top限定，禁止元素拖出窗口<br> 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth<br> 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果<br> 注意可以把left、top理解成x轴、y轴 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于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查看全部
举报
0/150
提交
取消