2018年7月19日
event.stopPropagation()和event.preventDefault()，return false的区别
摘要： 原文链接：https://blog.csdn.net/wxl1555/article/details/53128966 今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行， 阅读全文
posted @ 2018-07-19 17:21 枫若 阅读(116) 评论(0) 推荐(0) 编辑
js拖入拖出效果
摘要： <!DOCTYPE html><html><head> <title>js拖进和拖出效果</title> <style type="text/css"> .parent{ position: relative; } #drop{ width: 300px; height: 200px; backgr 阅读全文
posted @ 2018-07-19 16:55 枫若 阅读(135) 评论(0) 推荐(0) 编辑
js拖拽效果
摘要： <!DOCTYPE html><html><head> <title>js拖拽效果</title> <style type="text/css"> .parent{ position: relative; } #drop{ width: 300px; height: 200px; backgroun 阅读全文
posted @ 2018-07-19 16:55 枫若 阅读(97) 评论(0) 推荐(0) 编辑
js改变div大小
摘要： <!DOCTYPE html><html><head> <title></title></head><body><style> #div1{ width: 100px; height: 100px; position: absolute; top: 100px; left: 300px; backg 阅读全文
posted @ 2018-07-19 13:54 枫若 阅读(326) 评论(0) 推荐(0) 编辑
elasticDiv
摘要： <!DOCTYPE html><html><head> <title>画橡皮筋矩形</title> <script type="text/javascript"> var ctx; var linew=1; var color="rgb(255,0,0)"; var isClick; var sta 阅读全文
posted @ 2018-07-19 13:53 枫若 阅读(119) 评论(0) 推荐(0) 编辑
elasticChangeDiv
摘要： <!DOCTYPE html><html><head> <title>画橡皮筋矩形并可以调整矩形大小</title> <script type="text/javascript"> var ctx; var linew=1; var color="rgb(255,0,0)"; var isClick 阅读全文
posted @ 2018-07-19 13:52 枫若 阅读(98) 评论(0) 推荐(0) 编辑
elasticRect
摘要： <!DOCTYPE html><html><head> <title>画橡皮筋矩形</title> <script type="text/javascript"> var ctx; var linew=10; var color="rgb(255,0,0)"; var isClick; var st 阅读全文
posted @ 2018-07-19 13:51 枫若 阅读(107) 评论(0) 推荐(0) 编辑
elastic
摘要： <!DOCTYPE html><html><head> <title>橡皮筋</title> <script type="text/javascript"> var ctx; var linew=10; var color="rgb(255,0,0)"; var isClick; var mx=50 阅读全文
posted @ 2018-07-19 13:50 枫若 阅读(350) 评论(0) 推荐(0) 编辑