-
mouseup当用户释放鼠标按钮时触发查看全部
-
任何能跟着鼠标移动的东西,都有一个绝对定位。查看全部
-
非ie用event,ie用window.event接收参数查看全部
-
鼠标位置信息保存在clientX和clientY中。查看全部
-
onmousedown:在用户按下任何鼠标按钮时触发查看全部
-
封装一个通过class获取元素的方法: document.getElementsByClassName() 这里不能用,因为ie10以前的浏览器不支持。为了解决浏览器兼容问题,可以自己封装一个方法。通过class获取元素,需要传参数class名,父元素(不是必须的,不写父元素的话找的是所有class名为某某的元素,告诉父元素是找这个父元素下的某某class名) eles.push(elements[i])这一步是什么意思? 它是数组的一个方法。这一步是将elements[i]这个元素放入eles这个数组中。查看全部
-
window.onload=function(){ var login_btn=document.getElementById('login'), login_box=document.getElementById('login_box'), close=document.getElementById('close'); // 封装添加事件监听程序 function addEvent(ele,type,hander){ if(ele.addEventListener){ ele.addEventListener(type,hander,false); window.alert("DOM 2级事件处理!"); }else if(ele.attachEvent){ ele.attachEvent('on'+type,hander); window.alert("IE事件处理!"); }else{ ele['on'+type]=hander; window.alert("DOM 0级事件处理!"); } } // 显示登录层函数 function showLogin(){ login_box.style.display='block'; alert('显示登录层'); } // 隐藏登录层函数 function hideLogin(){ login_box.style.display='none'; alert('隐藏登录层'); } addEvent(login_btn,'click',showLogin); addEvent(close,'click',hideLogin); }查看全部
-
dmo2级查看全部
-
....所以事件处理程序其实是分四种而不是三种对吧.1html事件处理程序;2dom0级事件处理程序;3dom2级事件处理程序;4IE事件处理程序。 ======================== 以上认识好像是错误的。。好像应该是这样: 事件处理程序的实现有三种方式,这三种方式分别是1通过html标签方式实现的事件处理程序,2dom0级,也就是通过把函数作为参数赋值给属性的方式,实现对事件的处理;3通过dom2级的方式,这里面思路一样,但具体实现的时候要分浏览器了,其中chrome浏览器添加时间处理程序的方法是一套,即addEventListener/removeEventListener(给什么事件加‘去on’,加什么处理程序,false),IE浏览器用另一套方法,方法名叫做attachEvent/detachEvent(给什么事件,加什么处理程序). 也就是说,通过某个方法动态添加事件处理程序的时候,也就是通过dom2级这种名字的形式实现的时候,不同浏览器的实现方法不同,所以我们统一做了封装。——大的方面要把通用的那一堆当做一种实现方式,别混了。查看全部
-
DOM2级事件处理程序: 定义了添加和删除事件处理程序的操作:addEventListener和removeEventListner。 接受三个参数:要处理的事件名,作为事件处理程序的函数和布尔值(true:在捕获阶段调用事件处理程序,false:在冒泡阶段调用事件处理程序) <input type="button" value="按钮" id="btn"> var btn=document.getElementById("btn"); btn.addEventListener('click',show,false); //这里的事件前面不加on,false是为了保证最大兼容 //btn.removeEventListener('click',show,false); 删除参数与添加的参数一致。DOM0级的删除方式:btn.click=null; btn.addEventListener('click',function(){ alert(this.value); //this引用被触发的元素 },false);查看全部
-
html事件处理程序 Example: <input type="button" value="按钮" id="btn" onclick="show()"> html事件处理程序的缺点:增加了html和css的耦合性 DOM0级事件处理程序:就是先把元素取出,然后把一个函数赋值给另一个事件的处理程序属性。。 var btn=document.getElementById("btn"); btn.onclick=function(){ alert("这是通过DOM0级添加的事件!"); }查看全部
-
js用.连接的完全等价于['']链接查看全部
-
ieeee查看全部
-
dom2级事件不加on a a'a查看全部
-
接收参数查看全部
举报
0/150
提交
取消