手记

2016年4/21学习DOM事件的总结

<h2>1,利用javaScript实现拖拽功能</h2>
1)获取可视窗口的大小:
maxW=document.getElement.clientwidth || document.body.clientwidth; maxH=document.getElement.clientHeight || document.body.clientHeight;
2)获取元素对象的大小:
objW=objName.offsetwidth;
objH=objName.offsetHeight;
3)通过区块跟随鼠标的移动,实现鼠标拖拽的功能;
4)取消事件
document.onmouseup=function(){
document.onmousemove=null;
document.onmouseup=null;
}
<h3>下拉菜单的实现以及键盘事件的应用</h3>
<p>1)考虑到浏览器兼容的阻止事件冒泡<br>
<code>
if(event.stopPropagation)<>{
event.stopPropagation();
}<br>else{
event.cancelBubble=true;
}
</code>
</p>
<p>2)keyup键盘事件的使用,利用keyCode属性控制摁下什么键实现什么功能;以及onmouseover鼠标滑过事件,onmouseout鼠标离开事件的使用。</p>
<h6>总结:</h6>
<p>这次的学习让我的编码能力再一次的提升,对事件的调用有了更深刻的认识,讲的很好</p>

4人推荐
随时随地看视频
慕课网APP