-
DOM2级定义了两个方法查看全部
-
DOM中重要的属性和方法查看全部
-
console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是： 他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。 键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为event.keyCode=13 定时器： var timer=null; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加 随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整查看全部
-
keydown 用户按下键盘上的任意键时触发，若不松开会持续触发 keypress 用户按下键盘上的字符键时触发，若不松开会持续触发 keyup 用户松开键盘上的键时出发的事件 console.log('hello');//在控制台打印字符串hello Math.random();//生成0~1之间的随机数 Math.floor();//对浮点数取整，省去小数点后面的字符 Math.floor(Math.random()*data.length);//生成范围在0~data.length之间的随机整数查看全部
-
阻止事件冒泡 event.stopPropagation(); *说明： 该方法将停止事件的传播，阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点。 stopPropagation() 阻止事件冒泡相当好用, 可是 IE8 及以前版本都不支持. IE 的事件对象包含特有的属性 cancelBubble, 只要将它赋值为 true 即可阻止事件继续。 event.cancelBubble = true;查看全部
-
DOM2级事件处理与IE事件处理的不同查看全部
-
需要实现： 鼠标按下区域移动 1.封装通过className获取元素 2.getElementsByClassName方法在IE10之前不支持； 3.拖动动作的执行 1)触发动作的位置 2)鼠标跟随（面板的位置等于鼠标的位置ClentX和CleentY获取鼠标位置，该属性属于event事件在鼠标或键盘事件 触发的任何事件处理程序中，都可以在function中用变量接收到事件对象） mousemove当鼠标指针在元素内部移动时重复地触发； 修改元素位置 4.修改bug查看全部
-
DOM0级事件处理程序 较为传统的方式：把一个函数赋值给一个事件的处理程序属性 用的比较多的方法，原因：简单，有跨浏览器的优势 DOM0级特点：把一个函数赋值给一个事件处理程序的属性 eg： <input type="button" value="button" id="btn2" > var btn2=document.getElementById('btn2'); btn2.onclick=function(){ akert('Hi') } btn2.onclick=null //清除function。 没有HTML的缺点查看全部
-
事件捕获和事件冒泡的一些区别，事件捕获是从内到外，事件冒泡是指从外到内查看全部
-
第一章 事件流 事件流：描述从页面中接受事件的顺序； IE事件冒泡流：事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级传播至最不具体的那个节点（文档）。 Net事件捕获流：不太具体的节点应该更早的接收事件，而最具体的节点最后接受到事件查看全部
-
getElementsByClassName() IE10前不支持 所以先封装一个取class的查看全部
-
DOM2事件不能使用ON查看全部
-
拖拽->鼠标跟随<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查看全部
-
1、getElementsByClassName这个函数兼容性不好，(js ie10以下版本不支持document.getElementsByClassName) 最好自己造一个：js封装getClass方法，获取class。理解getClass方法的构造原理。 2、数组的push方法：可向数组的末尾添加一个或多个元素，并返回新的长度 3、任何能够跟着鼠标移动的东西 都要有一个前提：绝对定位！ 4、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件event的clientX和clientY属性中。 所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 5、实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在事件event的clientX和clientY两个属性中。 PS：document.onclick是代表在页面的任何地方点击事件。 6、onmousedown鼠标按下，窗口和鼠标的位置同步——onmousemove：当鼠标指针在元素内部移动时重复地触发 element.style.left/top=clientX/Y+'px';（这样有bug，需要求出光标落点距离面板的位置）查看全部
-
三，事件对象 什么是事件对象？在触发DOM上的事件是都会产生一个对象 事件对象event 1、DOM中的事件对象 （1）type属性 用于获取事件类型 （2）target属性 用于获取事件目标 （3）stopPropagation（）方法 用于阻止/取消事件冒泡 （4）preventDefault（）方法 用于阻止事件的默认行为 <a href="#">链接</a> 2、IE中的事件对象 （1）type属性 用于获取事件类型 （2）srcElement属性 用于获取事件目标 （3）cancelBubble属性 用于阻止/取消事件冒泡：设置为true表示阻止冒泡 设置为false表示不阻止冒泡 （4）returnValue属性 用于阻止事件的默认行为：设置为true表示阻止事件的默认行为 设置为false表示不阻止事件的默认行为查看全部
举报
0/150
提交
取消