为了账号安全,请及时绑定邮箱和手机立即绑定
  • 事件对象
    查看全部
  • title.onclick=function(event){ menu.style.display = "block"; event.stopPropagation(); for (var i= 0; i< as.length; i++){ as[i].onclick = function(){ title.innerHTML = this.innerHTML; } } document.onkeyup = function(e){ if (e.keyCode==40){ index++; if (index >= as.length){ index = as.length - 1; } re(); as[index].style.backgroundColor="red"; } if (e.keyCode==38){ index--; if (index< 0){ index= 0; } re(); as[index].style.backgroundColor="red"; } if (e.keyCode== 13){ title.innerHTML = as[index].innerHTML; menu.style.display = "none"; } } } function re(){ for (var i= 0; i< as.length;i++){ as[i].style.backgroundColor = "#fff"; } } document.onclick = function(){ re(); menu.style.display = "none"; index = -1; }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 重点是跨浏览器的事件处理程序 添加句柄addHandler:function
    查看全部
  • 阻止事件冒泡stopPropagation。。。。
    查看全部
  • 跨浏览器事件处理函数,能力检测,谁能处理谁来。。
    查看全部
  • DOM IE的事件对象
    查看全部
  • 跨浏览器解决 事件监听问题
    查看全部
  • 事件处理程序汇总
    查看全部
  • dom2级事件 方法及参数
    查看全部
  • 重要的属性和方法
    查看全部
  • addEventListener
    查看全部
  • 这个简单
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-16

  • // 跨浏览器兼容的事件处理程序(能力检测) // 兼容性处理封装在eventshiv这个对象中 var eventshiv = { // 添加事件 addHandler : function (element,event,listener) { if (element.addEventListener) { // 2级 DOM element.addEventListener(event, listener, false); } else if (element.attachEvent) { // IE element.attachEvent('on' + event, listener); } else { // 0级 DOM // element.onclick === element['onclick'] // 在这里由于.与'on'字符串不能链接,只能用后者 element.['on' + event] = listener; } } // 移除事件 removeHandler : function (element,event,listener) { if (element.removeEventListener) { // 2级 DOM element.removeEventListener(event, listener, false); } else if (element.detachEvent) { // IE element.detachEvent('on' + event, listener); } else { // 0级 DOM // element.onclick === element['onclick'] // 在这里由于.与'on'字符串不能链接,只能用后者 element.['on' + event] = null; } }
    查看全部
  • 事件处理程序 HTML事件处理程序:事件直接写在html的元素里面,缺点:html和js代码紧密的耦合在一起。 0级 DOM事件处理程序:把一个函数赋值给一个事件的处理程序属性,优点:比较简单,跨浏览器支持。 2级 DOM事件处理程序:通过addeventlistener()添加事件,只能用removeEventlistener()删除此事件。它们都接收三个参数:要处理的事件名type(不加'on')、作为事件处理程序的函数listener(可以添加多个事件处理程序员)和一个布尔值boolean。布尔参数仅仅在现代浏览器最近的几个版本中是可加可不加的,并且true代表该事件在捕获阶段执行,false代表在冒泡阶段执行,建议写false,因为有些浏览器只有冒泡阶段。 element.addEventListener(event, function, useCapture) element.addEventListener(event, function, useCapture) IE事件处理程序
    查看全部
  • 哈哈哈哈哈哈
    查看全部

举报

0/150
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!