继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

太准没办法
关注TA
已关注
手记 1
粉丝 0
获赞 7

<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>

打开App,阅读手记
4人推荐
发表评论
随时随地看视频慕课网APP