为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html/CSS

<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人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消