Javascript 将图片拖放到文本，然后双击以删除框内的文本 基本拖放 #下降{ 最小高度：200px； 宽度：200px； 边框：3个虚线#ccc； 利润率：10px； 填充：10px； 清除：左； } p{ 利润率：10px0； } #三角{ 背景：url（images/triangle.jpg）不重复； } #方格{ 背景：url（images/square.gif）不重复； } #圈{ 背景：url（images/circle.jpg）不重复； } #红色的{ 背景：url（images/red.jpg）不重复； } #黄色的{ 背景：url（images/yellow.jpg）不重复； } #绿色的{ 背景：url（images/green.jpg）不重复； } .拖{ 高度：48px； 宽度：48px； 浮动：左； -khtml用户拖动：元素； 利润率：10px； } var addEvent=（函数（）{ if（文件增补列表器）{ 返回函数（el、类型、fn）{ if（el&&el.nodeName | | el==窗口）{ el.addEventListener（类型，fn，错误）； }else if（标高和标高长度）{ 对于（变量i=0；i
'+e.dataTransfer.getData（'Text'）++''； 返回false； }); 如何使用html5双击删除文本框中的文本？在这个html5中，我遇到了如何从文本框中删除文本的问题。里面的东西可以拖放，但我想移除里面我被拖进去的东西。。。我在删除其中的项目时遇到问题。尝试使用此选项Javascript 将图片拖放到文本，然后双击以删除框内的文本 基本拖放 #下降{ 最小高度：200px； 宽度：200px； 边框：3个虚线#ccc； 利润率：10px； 填充：10px； 清除：左； } p{ 利润率：10px0； } #三角{ 背景：url（images/triangle.jpg）不重复； } #方格{ 背景：url（images/square.gif）不重复； } #圈{ 背景：url（images/circle.jpg）不重复； } #红色的{ 背景：url（images/red.jpg）不重复； } #黄色的{ 背景：url（images/yellow.jpg）不重复； } #绿色的{ 背景：url（images/green.jpg）不重复； } .拖{ 高度：48px； 宽度：48px； 浮动：左； -khtml用户拖动：元素； 利润率：10px； } var addEvent=（函数（）{ if（文件增补列表器）{ 返回函数（el、类型、fn）{ if（el&&el.nodeName | | el==窗口）{ el.addEventListener（类型，fn，错误）； }else if（标高和标高长度）{ 对于（变量i=0；i,javascript,jquery,html,css,Javascript,Jquery,Html,Css,'+e.dataTransfer.getData（'Text'）++''； 返回false； }); 如何使用html5双击删除文本框中的文本？在这个html5中，我遇到了如何从文本框中删除文本的问题。里面的东西可以拖放，但我想移除里面我被拖进去的东西。。。我在删除其中的项目时遇到问题。尝试使用此选项 <!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8 /> <t
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>Basic Drag and Drop</title>
<style>
#drop {
min-height: 200px;
width: 200px;
border: 3px dashed #ccc;
margin: 10px;
padding: 10px;
clear: left;
}
p {
margin: 10px 0;
}
#triangle {
background: url(images/triangle.jpg) no-repeat;
}
#square {
background: url(images/square.gif) no-repeat;
}
#circle {
background: url(images/circle.jpg) no-repeat;
}
#red {
background: url(images/red.jpg) no-repeat;
}
#yellow {
background: url(images/yellow.jpg) no-repeat;
}
#green {
background: url(images/green.jpg) no-repeat;
}
.drag {
height: 48px;
width: 48px;
float: left;
-khtml-user-drag: element;
margin: 10px;
}
</style>
<script>
var addEvent = (function () {
if (document.addEventListener) {
return function (el, type, fn) {
if (el && el.nodeName || el === window) {
el.addEventListener(type, fn, false);
} else if (el && el.length) {
for (var i = 0; i < el.length; i++) {
addEvent(el[i], type, fn);
}
}
};
} else {
return function (el, type, fn) {
if (el && el.nodeName || el === window) {
el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
} else if (el && el.length) {
for (var i = 0; i < el.length; i++) {
addEvent(el[i], type, fn);
}
}
};
}
})();
(function () {
var pre = document.createElement('pre');
pre.id = "view-source"
// private scope to avoid conflicts with demos
addEvent(window, 'click', function (event) {
if (event.target.hash == '#view-source') {
// event.preventDefault();
if (!document.getElementById('view-source')) {
// pre.innerHTML = ('<!DOCTYPE html>\n<html>\n' + document.documentElement.innerHTML + '\n</html>').replace(/[<>]/g, function (m) { return {'<':'<','>':'>'}[m]});
var xhr = new XMLHttpRequest();
// original source - rather than rendered source
xhr.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
pre.innerHTML = this.responseText.replace(/[<>]/g, function (m) { return {'<':'<','>':'>'}[m]});
prettyPrint();
}
};
document.body.appendChild(pre);
// really need to be sync? - I like to think so
xhr.open("GET", window.location, true);
xhr.send();
}
document.body.className = 'view-source';
var sourceTimer = setInterval(function () {
if (window.location.hash != '#view-source') {
clearInterval(sourceTimer);
document.body.className = '';
}
}, 200);
}
});
})();
</script>
<style id="jsbin-css">
</style>
</head>
<body>
<div class="drag" id="triangle" draggable="true"></div>
<div class="drag" id="square" draggable="true"></div>
<div class="drag" id="circle" draggable="true"></div>
<div class="drag" id="red" draggable="true"></div>
<div class="drag" id="yellow" draggable="true"></div>
<div class="drag" id="green" draggable="true"></div>
<div id="drop"></div>
<script>
function cancel(e) {
if (e.preventDefault) {
e.preventDefault();
}
return false;
}
var dragItems = document.querySelectorAll('[draggable=true]');
for (var i = 0; i < dragItems.length; i++) {
addEvent(dragItems[i], 'dragstart', function (event) {
// store the ID of the element, and collect it on the drop later on
event.dataTransfer.setData('Text', this.id);
});
}
var drop = document.querySelector('#drop');
// Tells the browser that we *can* drop on this target
addEvent(drop, 'dragover', cancel);
addEvent(drop, 'dragenter', cancel);
addEvent(drop, 'drop', function (e) {
if (e.preventDefault) e.preventDefault(); // stops the browser from redirecting off to the text.
this.innerHTML += '<p>' + e.dataTransfer.getData('Text') + '</p>';
return false;
});
</script>
</body>
</html>
很抱歉问一下，fiddle的意思是？jsfiddle.net是一个可以设置Javascript代码的页面。很抱歉问一下需要放在哪一行下面？可能你会有一个textbox的id，使用它控制textbox并生成（itsID.val=''）。你必须在拖放后执行此操作。明白了。目前我使用的是“this.id”，是否可以询问如何更改？已删除文本的函数（）为？this.id.val=''或创建另一个空值变量，并将其作为this.id.val（变量）传递；
document.getElementById('selectID').ondblclick = function(){
alert(this.selectedIndex);//remove your text here
};