-
慕课DEMO 课后复习下,事件冒泡,阻止事件默认行为的方法。须牢记。查看全部
-
close添加一个x或者其他,不然不知道在哪关闭,还缺个onload的花括号; 最好自己的编译器试试,很容易找出问题所在!查看全部
-
window.event srcTarget查看全部
-
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); } else if(element.detachEvent) { element.detachEvent('on'+type, handler); } else { element['on'+type] = null; } } } //调用封装好的对象 eventUtil.addHandler(btn1, 'click', showMe); eventUtil.removeHandler(btn1, 'click', showMe); eventUtil.addHandler(btn2, 'click', function(){alert('我是' + this.value)}); eventUtil.removeHandler(btn2, 'click', function(){alert('我是' + this.value)});//这个没反应???查看全部
-
DOM2级事件处理程序<br> 定义了两个方法--用于处理指定和删除事件处理程序的操作:<br> addEventListener()添加事件监听程序<br> removeEventListener()移除事件监听程序<br> 三个参数设置;事件名称,处理方法(函数),布尔值--false:表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器),一般设为false;true表示在捕获阶段调用事件处理程序<br> <br> <br> btn3.addEventListener('click',showMes,false);<br> 注意:<br> 1、若事件名称有on,则需去掉on。onclick --> click,onmouseover --> mouseover等等;<br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致,删除事件监听<br> <br> DOM2级事件处理程序可以给一个事件绑定多个函数,事件触发的时候会按照绑定顺序执行各个函数。如下所示:<br> btn3.addEventListener('click',showMes,false);<br> btn3.addEventListener('click',showMes,function(){alert(this.value);},false);<br> DOM0级事件则后面添加的同一事件类型会覆盖前面的;<br> 缺点:DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。查看全部
-
少一个结束标签 }查看全部
-
在js中写对象.属性等价于对象[属性]查看全部
-
这课还要听一遍。现在能知道的是会浏览器时,进行判断,如果为ie8,采用一种办法addEventListener(),如果不是,换种方法attachEvent().具体操作需细看。查看全部
-
ie8及以下只支持冒泡处理,查看全部
-
dom2级操作,2个方法,三个参数。 2个方法:添加addEventListener() 移除removeEventListener(); 3个参数:事件,如何处理事件的函数,布尔参数(这个什么作用未知)查看全部
-
this即发生当前事件的元素,eg:this.value.this指放生click事件的input元素。而this.value指input元素的value属性值。 in a word,this指当前元素对象。查看全部
-
慕课网DOM事件demo 1、少一个结束标签 } 2、<span></span>最好加"close" 或者 "关闭" 文字,否则看不到在哪儿点击 3、对于#close样式,可以添加cursor:pointer,用户体验更好。查看全部
-
每个事件都会触发对象。 event 对象就可以获取。 type 获取事件类型; taget 获取事件目标作用于那个控件; stopPropagation() 阻止事件冒泡沫; preventDefault() 停止默认事件;查看全部
-
跨浏览器事件处理程序,判断语句 var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ 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){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } },查看全部
-
addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 useCapture :是否使用捕捉,一般用 false 。 Dom0级添加多个事件 如果都为同种事件 比如同为click事件 那么只会执行最后一个 之前的都会被覆盖 如果不为同种事件 比如一个是click 一个是mouseover 那么鼠标滑过是将执行mouseover方法 点击是将执行click方法 两者互不干扰 Dom2级添加多个事件 如果都为同种事件 比如同为click事件 那么事件会按照先后次序依次执行查看全部
举报
0/150
提交
取消