鼠标拖拽 我想要的效果是这样的,鼠标拖拽当前标签里的值,拖到另一个地方之后(相当于复制)改变值;但是原先的值还是不改变的;求大神帮实现;就像图片中显示的那样,我拖动【1】处的文字,在【2】处显示文本框的标签,求大神!!! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 是的,同一个浏览器的同一个界面<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery-1.11.3.min.js"></script> <meta charset="utf-8" /> <script> $(function () { var i = 0; $("#SelectBox").on( "mousedown", ".SelectText", function (e) { i++; var thisID = $(this); var inputID = "<input id='input_" + i + "'>"; $("#SelectBox").append(inputID); inputID = $("#input_" + i + ""); inputID.css({ "position": "absolute" }); var of = inputID.offset(); var px = e.pageX - of.left, py = e.pageY - of.top; $(document).on({ "mousemove": function (e) { inputID.offset({ top: e.pageY - py, left: e.pageX - px }); }, "mouseup": function () { $(this).off("mousemove"); } }) } ); }); </script></head><body> <div id="SelectBox"><span class="SelectText" >文本框</span></div></body></html> 是的,同一个浏览器的同一个界面<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery-1.11.3.min.js"></script> <meta charset="utf-8" /> <script> $(function () { var i = 0; $("#SelectBox").on( "mousedown", ".SelectText", function (e) { i++; var thisID = $(this); var inputID = "<input id='input_" + i + "'>"; $("#SelectBox").append(inputID); inputID = $("#input_" + i + ""); inputID.css({ "position": "absolute" }); var of = inputID.offset(); var px = e.pageX - of.left, py = e.pageY - of.top; $(document).on({ "mousemove": function (e) { inputID.offset({ top: e.pageY - py, left: e.pageX - px }); }, "mouseup": function () { $(this).off("mousemove"); } }) } ); }); </script></head><body> <div id="SelectBox"><span class="SelectText" >文本框</span></div></body></html>大神:效果是对的了,但是还有一些细节,我们可以加个QQ吗?我找问下你,2083899296,我的,麻烦你加一下 急急急,这怎么修改啊 谁能帮忙无刷新显示信息 如何获取文本框的值 怎样阻止关闭当前窗口的同时,不弹出新的窗口 点击事件给一个td设了背景,当下我撤消我先行的动作回到前一个背景下,条件我不确定前面那个是什么背景 [急]求正则表达式? 高手请帮忙! 求教:如何判断对象是否属于某种类型 窗口句柄的问题 javascript内嵌数据查询。 JavaScript@ASP中記錄集中問題!(在線結貼) 一个很不错的瀑布流代码,请问下怎样可以修改他通过 ajax+json 的方法来读取数据,并且控制读取3页后停止呢? 想要用html2canvas将html转为图片,IE10报错
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="js/jquery-1.11.3.min.js"></script>
<meta charset="utf-8" />
<script>
$(function () {
var i = 0;
$("#SelectBox").on(
"mousedown", ".SelectText", function (e) {
i++;
var thisID = $(this);
var inputID = "<input id='input_" + i + "'>";
$("#SelectBox").append(inputID);
inputID = $("#input_" + i + "");
inputID.css({ "position": "absolute" });
var of = inputID.offset();
var px = e.pageX - of.left, py = e.pageY - of.top;
$(document).on({
"mousemove": function (e) {
inputID.offset({ top: e.pageY - py, left: e.pageX - px });
},
"mouseup": function () {
$(this).off("mousemove");
}
})
}
);
}); </script>
</head>
<body>
<div id="SelectBox"><span class="SelectText" >文本框</span></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="js/jquery-1.11.3.min.js"></script>
<meta charset="utf-8" />
<script>
$(function () {
var i = 0;
$("#SelectBox").on(
"mousedown", ".SelectText", function (e) {
i++;
var thisID = $(this);
var inputID = "<input id='input_" + i + "'>";
$("#SelectBox").append(inputID);
inputID = $("#input_" + i + "");
inputID.css({ "position": "absolute" });
var of = inputID.offset();
var px = e.pageX - of.left, py = e.pageY - of.top;
$(document).on({
"mousemove": function (e) {
inputID.offset({ top: e.pageY - py, left: e.pageX - px });
},
"mouseup": function () {
$(this).off("mousemove");
}
})
}
);
}); </script>
</head>
<body>
<div id="SelectBox"><span class="SelectText" >文本框</span></div>
</body>
</html>
大神:效果是对的了,但是还有一些细节,我们可以加个QQ吗?我找问下你,2083899296,我的,麻烦你加一下