-
通过Dom0级添加事件的方法 btn2查看全部
-
preventDefault阻止事件的默认行为。哪些事件有默认行为？是怎样的行为？ 示例中，preventDefault阻止了,<a />的跳转行为。讲师说这种方式经常在移动端用到，为什么？查看全部
-
事件兼容性问题解决办法查看全部
-
1.以定义对象的格式封装多个函数； 2.查阅中括号"[]"表示的含义。查看全部
-
光标的位置查看全部
-
getElementsByClassName() IE10以前不支持查看全部
-
elements=oParent.getElementByTagName('*')//可以获取oParent下的所有元素查看全部
-
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，需要求出光标落点距离面板的位置）查看全部
-
使用事件处理程序查看全部
-
uuu查看全部
-
DOM2级事件处理程序 定义了两个方法--用于处理指定和删除事件处理程序的操作： addEventListener()添加事件监听程序 removeEventListener()移除事件监听程序 三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序 btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等； 2、false 最大限度兼容所有浏览器--事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同 btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听 DOM0级和DOM2级事件处理程序可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。如下所示： btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); 缺点：IE不支持该事件查看全部
-
本章三大内容 事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流：描述的是从页面中接受事件的顺序 （IE：事件冒泡流 / Netscape事件捕获流） 事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档） input----->document查看全部
-
【跨浏览器事件处理程序】 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序，老版本浏览器 } } eventUtil.addHandler(btn3,'click',showMessage); type一般都传没on的 js中所有用'.'的地方都可以使用'[]' 例：对象的点击事件element.onclick===element['onclick']查看全部
-
第二章 事件处理程序 1、HTML事件处理程序（少） 2、DOM0级事件处理程序 （用得多） 3、DOM2级事件处理程序 4、IE事件处理程序 5、跨浏览器事件处理程序 【HTML事件处理程序】 直接把事件加载到html结构中的元素上的事件方法 缺点:与js代码紧密耦合，修改需要修改两个地方 【DOM0级事件处理程序】 先把元素取出来，然后为其属性添加一个事件的方法。是一种较传统的方式，把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 例：var btn2=document.getElementById("btn2");//获取btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}//给btn2添加onclick属性 事件以对象的属性出现 【DOM2级事件处理程序】 添加事件:addEventListener() 删除事件：removeEventListener() addEventListener()添加的事件，只能removeEventListener()删除 参数：要处理事件名、处理函数、布尔 布尔值常用false冒泡事件处理程序，兼容浏览器；true捕获事件处理 removeEventListener()须与添加事件参数相同 例：object.addEventListener("click",function(){},false); DOM事件名没on(click、mouseover) ie不支持，ie有专用的事件处理程序。 DOM2和DOM0级共同优点：可以给一个元素上添加多个事件处理程序，会按照顺序执行。 【IE事件处理程序】 添加事件:attachEvent() 删除事件:detachEvent() 参数：事件处理名称、事件处理函数 例：btn3.attachEvent('onclick',showMes); btn3.detachEvent('onclick',showMes); IE事件保留on 支持浏览器:IE、OPERA IE8以及更早的浏览器版本只支持事件冒泡查看全部
-
stopPropagation():阻止事件冒泡;preventDefault():阻止事件默认行为例如阻止a标签跳转查看全部
举报
0/150
提交
取消