-
回车键13，空格键32，向下方向键40，向上方向键38，向左方向键37，向右方向键39，shift键16，ctrl键17，alt键18查看全部
-
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); } else if(ele.attachEvent){ ele.attachEvent("on" + type, hander); } else{ ele['on' + type] = hander; } } // 显示登录层函数 function showLogin(){ // 执行代码 login_box.style.display="block"; } // 隐藏登录层函数 function hideLogin(){ // 执行代码 login_box.style.display="none"; } //点击登录按钮显示登录层 addEvent(login_btn,"click",showLogin); // 执行代码 //点击关闭按钮隐藏登录层 addEvent(close,"click",hideLogin); // 执行代码 }查看全部
-
区别qqq查看全部
-
DOM2级提供两个方法：addEventlistener()和一个删除方法removeEventListener() 接受三个参数:(事件名称，处理程序的函数或者接口，布尔值) addEventListener的使用方式： target.addEventListener(type, listener, useCapture); target： 文档节点、document、window 或 XMLHttpRequest。 listener：一个程序可以处理多个事件，不含“on”（click mouser keydown）； useCapture：false是否使用捕捉事件一般默认为不使用。 addEventlistener()事件只能用removeEventlistener()删除。查看全部
-
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); }else if(ele.attachEvent){ ele.attachEvent("on"+type,hander); }else{ element["on"+type]=hander; } } // 显示登录层函数 function showLogin(){ login_btn.display = "block"; } // 隐藏登录层函数 function hideLogin(){ login_btn.display = "none"; } //点击登录按钮显示登录层 addEvent(login_btn,"click",showLogin); //点击关闭按钮隐藏登录层 addEvent(close,"click",hideLogin); }查看全部
-
Window 尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth 拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标：clientX clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定，禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果 注意可以把left、top理解成x轴、y轴查看全部
-
1、任何能够跟着鼠标移动的东西 都要有一个前提：绝对定位<br> 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。<br> 3、js ie10以下版本不支持document.getElementsByClassName<br> 4、js封装getClass方法，获取class<br> 5、实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在时间的clientX和clientY两个属性中。<br> 6、onmousedown鼠标按下 窗口和鼠标的位置同步；<br> element.style.left/top=clientX/Y+'px';<br> onmousemove当鼠标指针在元素内部移动时重复地触发 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。查看全部
-
function getByClass(className,parent){ var oParent=parent?document.getElementById(parent)：document,//如果有父元素传过来，不取 else=[], elements=oParent.getElementByTagName('*'); for(var i=0,l=element.length;i<l;i++){ if(elements[i].className==clsName){ else.push(elements[i])} }return eles;} window.onload=drag; function drag(){ var oTitle=getByClass('login_logo_webqqq','loginPanel')[0]; oTitle.onmousedown=fnDown; } function fnDown(){ var oDrag=documennt.getElementById('loginPanel') document.onmousemove=function(event){event=event; oDrag.event.style=clientX+'px'; oDrag.event.style=clientY+'px';} } }查看全部
-
<script> 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);} else if(ele.attachEvent){ ele.attachEvent('on'+type,hander); }else{ ele['on'+type] }// 执行代码 } // 显示登录层函数 function showLogin(){ login_box.style.display='block';// 执行代码 } // 隐藏登录层函数 function hideLogin(){ login_box.style.display='none'// 执行代码 } //点击登录按钮显示登录层 addEvent(login_btn,'click',showLogin);// 执行代码 //点击关闭按钮隐藏登录层 addEvent(close,'click',hideLogin); }// 执行代码 </script>查看全部
-
getEvent:function(event){ //非IE:event IE:window.event return event?event:window.event; }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ //非IE:event.target IE:event.srcElement return event.target event.srcElement; }, preventDefault:function(event){ //判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,当if(方法函数())时会出现不可预料的结果 if(event.preventDefault){ event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE属性处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE属性处理 } }查看全部
-
123查看全部
-
IE中的事件对象： 1 type属性，用于获取事件类型 2 srcElement属性，用于获取事件目标 3 cancleBubble属性 用于阻止事件冒泡，不是方法，设置为TRUE表示阻止冒泡 4 returnValue属性设置为false表示阻止事件的默认行为查看全部
-
IE中的事件对象 1. type属性 事件类型 2. srcElement 获取事件目标 3. cancelBubble属性用于阻止事件冒泡（true表示阻止冒泡，false表示不阻止） 4 returnValue阻止事件默认行为（false阻止行为）查看全部
-
Dom中事件对象： 1 type属性，用于获取事件类型 2 target属性用于获取事件目标 3 stopPropagathion()用于阻止事件冒泡 4preventDefault() 阻止事件的默认行为查看全部
-
事件对象：在触发DOM上的事件时都会产生一个对象：事件对象event; stopPropagation()阻止事件冒泡 preventDefault()阻止事件的默认行为查看全部
举报
0/150
提交
取消