-
1分析 html结构 2 切换状态 3 鼠标滑过、离开、和点击状态列表时 4 回顾事件冒泡：从最具体的元素向外冒泡； 点击<li>时不要向外冒泡，这样点击<li>让<ul>隐藏； document.onclick是代表在页面的任何地方点击事件。查看全部
-
拖拽->鼠标跟随 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 ie10以下版本不支持document.getElementsByClassName js封装getClass方法，获取class 实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在时间的clientX和clientY两个属性中。 onmousedown鼠标按下 窗口和鼠标的位置同步；element.style.left/top=clientX+'px';，onmousemove当鼠标指针在元素内部移动时重复地触发查看全部
-
if(element.stopPropagation) 在能力检测if的括号内，因为是判断有无此方法，方法后不加()。 event = event || window.event; 注意：在ie8之前引用event为window.event查看全部
-
三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target：事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
封装对象过程查看全部
-
IE事件处理程序： attachEvent()添加事件 detachEvent()删除事件 参数：事件，事件处理程序 没有布尔值是因为默认是冒泡事件 事件需要加上on 能力检测(事件封装) JS中能用点.的地方，都能用中括号查看全部
-
DOM0级与DOM2级的相同点：一个元素可以添加多个事件处理程序，也会按顺序执行。 html事件处理程序不可以添加多个事件处理程序。this，可以引用被触发的那个元素。 但是IE不支持DOM2级事件处理程序，它具有自己的事件处理程序查看全部
-
三种方法的使用：图片 dom2的3个参数：要处理的事件名、作为处理时间处理程序的函数及一个boolean（true---表示在捕获阶段调用事件处理程序，false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false）. 如：object.addEventListener("click",function(){},false);查看全部
-
DOM2事件处理程序查看全部
-
DOM0级事件处理程序 （用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
HTML事件处理程序，现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
-
主要用事件冒泡查看全部
-
事件捕获查看全部
-
mouseup查看全部
举报
0/150
提交
取消