-
变量与字符串之间不能用.连接。用中括号连接。element.onclick()等价于element["onclick"]查看全部
-
IE和DOM查看全部
-
复习该节查看全部
-
1.IE事件处理程序：IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。去掉了布尔值，不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意：在ie事件处理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 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); 3.js中所有用'.'的地方都可以使用'[]' 如：对象的点击事件element.onclick===element['onclick']查看全部
-
var eventUtil={ getEvent:function(event){ return event=event||window.event;//IE不支持前者，后面亦然 } getType:function(event){ return event.type; } getTarget:function(){ return event.target||event.srcElement; } preventDefault:function(){//兼容阻止事件的默认行为，如<a>标签的跳转 if(event.preventDefault){//这里检测的是event.preventDefault这个属性，因为这个方法并不返回布尔值，但是在后面的调用中就需要用这个方法，故加上（） event.preventDefault(); }else{ event.returnValue(); } } //阻止冒泡 stopPropagation:function(){//注意以上所有的event.中的event都是在 event=event||window.event的条件下 if(event.stopPropagation){ evernt.propagation(); }else{ event.cancelBuble=true; } } }查看全部
-
事件对象查看全部
-
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()：向下取整查看全部
-
事件指的是 onclick 這個動作 讓 onclick 這個動作，已 btn2 的屬性出現。 ex:btn2.onclick = function(){alert("Hi");}查看全部
-
//封装对象 var eventUtil={ //添加句柄 addHandler:function(element,type,handler){//type传递不加on的事件名称 if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, //删除句柄 removeHandler:function(element,type,handler){//type传递不加on的事件名称 if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } } //调用对象，给按钮btn添加click事件 eventUtil.addHandler(btn,'click',showMes);查看全部
-
事件流查看全部
-
描述的事从事件中接受的顺序查看全部
-
var eventUtil={ addEventHandler:function(element,type,handler){//如这里type用click比较方便 if(element.addEventListner){ element.addEventListner(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element.['on'+type]=handler;//这里element['on'+type]===.element.'on'+type,但是后者的语法错误 } } removeEventHandler:function(element,type,handler){//如这里type用click比较方便 if(element.removeEventListner){ element.removeEventListner(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element.['on'+type]=null;//这里element['on'+type]===.element.'on'+type,但是后者的语法错误 } } }查看全部
-
使用事件处理程序<br> 三种 ：HTML事件处理程序：与js 紧密耦合，修改时需要改动两个地方<br> DOM0级事件处理事件：首先取得事件的id,然后为事件添加属性，没有以上缺点 onclick DOM2级事件处理程序：addEventListner()和removeEventListner(),需要添加三个参数 要处理的事件名，处理事件的函数，布尔值，这里的布尔值true表示事件捕获处理程序，false表示事件冒泡处理程序。click 去掉on IE8及之前不支持DOM2级事件处理程序,查看全部
-
html事件处理程序： 若添加在js代码中：与js代码紧密耦合，修改需要修改两个地方，这是它的缺点查看全部
-
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当鼠标指针在元素内部移动时重复地触发 7、push()方法可向数组的末尾添加一个或多个元素，并返回新的长度查看全部
举报
0/150
提交
取消