VIP会员
购物车
私信
发表新帖
立即签到
关注
回复
支持(
反对(
首页上一页 1 下一页尾页 1 条记录 1/1页
api检阅文件
发表在其他语言图书答疑区
2016-08-24
是否精华
是
否
版块置顶:
是
否
利用readAsText读取文档内容，直接读取的话文档里面的内容会出现乱码，如何解决，难道要在文档里面添加语言编码格式吗
第15章的内容，第五个实例
2、
还有这个为什么要设阻止冒泡，不设的话程序也是可以运行的，能详细讲解一下冒泡以及捕获的详细用法吗？原理我是知道的，但是不知道怎么用以及什么时候用？
还有就是addEventListener()方法里面的true和false有什么区别
!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>拖放示例</title>
<script type="text/javascript">
function init()
{
var source = document.getElementById("dragme");
var dest = document.getElementById("text");
// (1) 拖放开始
source.addEventListener("dragstart", function(ev)
{
// 向dataTransfer对象追加数据
var dt = ev.dataTransfer;
dt.effectAllowed = 'all';
//(2) 拖动元素为dt.setData("text/plain", this.id);
dt.setData("text/plain", "明日科技欢迎你");
}, false);
// (3) dragend：拖放结束
dest.addEventListener("dragend", function(ev)
{
//不执行默认处理（拒绝被拖放）
ev.preventDefault();
}, false);
// (4) drop:被拖放
dest.addEventListener("drop", function(ev)
{
// 从DataTransfer对象那里取得数据
var dt = ev.dataTransfer;
var text = dt.getData("text/plain");
dest.textContent += text;
//(5) 不执行默认处理（拒绝被拖放）
ev.preventDefault();
//停止事件传播
ev.stopPropagation();
}, false);
}
//(6) 设置页面属性，不执行默认处理（拒绝被拖放）
document.ondragover = function(e){e.preventDefault();};
document.ondrop = function(e){e.preventDefault();};
</script>
</head>
<body onload="init()">
<h1>拖放欢迎语</h1>
<!-- (7) 把draggable属性设为true -->
<div id="dragme" draggable="true" style="width: 200px; border: 1px solid gray;">
请拖放
</div>
<br>
<div id="text" style="width: 200px; height: 200px; border: 1px solid gray;"></div>
</body>
第15章的内容，第五个实例
2、
还有这个为什么要设阻止冒泡，不设的话程序也是可以运行的，能详细讲解一下冒泡以及捕获的详细用法吗？原理我是知道的，但是不知道怎么用以及什么时候用？
还有就是addEventListener()方法里面的true和false有什么区别
!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>拖放示例</title>
<script type="text/javascript">
function init()
{
var source = document.getElementById("dragme");
var dest = document.getElementById("text");
// (1) 拖放开始
source.addEventListener("dragstart", function(ev)
{
// 向dataTransfer对象追加数据
var dt = ev.dataTransfer;
dt.effectAllowed = 'all';
//(2) 拖动元素为dt.setData("text/plain", this.id);
dt.setData("text/plain", "明日科技欢迎你");
}, false);
// (3) dragend：拖放结束
dest.addEventListener("dragend", function(ev)
{
//不执行默认处理（拒绝被拖放）
ev.preventDefault();
}, false);
// (4) drop:被拖放
dest.addEventListener("drop", function(ev)
{
// 从DataTransfer对象那里取得数据
var dt = ev.dataTransfer;
var text = dt.getData("text/plain");
dest.textContent += text;
//(5) 不执行默认处理（拒绝被拖放）
ev.preventDefault();
//停止事件传播
ev.stopPropagation();
}, false);
}
//(6) 设置页面属性，不执行默认处理（拒绝被拖放）
document.ondragover = function(e){e.preventDefault();};
document.ondrop = function(e){e.preventDefault();};
</script>
</head>
<body onload="init()">
<h1>拖放欢迎语</h1>
<!-- (7) 把draggable属性设为true -->
<div id="dragme" draggable="true" style="width: 200px; border: 1px solid gray;">
请拖放
</div>
<br>
<div id="text" style="width: 200px; height: 200px; border: 1px solid gray;"></div>
</body>
分享到：
