Question

我尝试使用contenteditable创建一个可编辑的div，这样一个人就可以在其中放置一些内容并按下按钮。这应该将输入文本发送到变量，但我似乎无法使其工作。有人可以解释一下我做错了吗？

HTML：

<div id="InPut" style="position: absolute; left: 33.44%; top: 47.22%; width: 33.1%; height: 5.6%; right: auto; bottom: auto; border: 1px solid #ccc; min-height: 3%; overflow: hidden;" contenteditable>you can write in here</div>
<div id="Button" onclick="ButtonClick();" style="position: absolute; margin: 0px; left: 44.25%; top: 55.94%; width: 11.5%; height: 8.6%; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-image: url(http://i.imgur.com/PnznUlg.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;"></div>

我的Javascript代码：

var Name = document.getElementById("InPut");

function ButtonClick() {
    var Name = document.getElementById("InPut");
    $("#InPut").hide();
    $("#Button").hide();


}

这是Jsfiddle：http://jsfiddle.net/682pG/119/

Answer 1

你需要jQuery中的html()方法：

function ButtonClick() {
    $("#InPut").hide();
    $("#Button").hide();
    var theInput = $("#InPut").html();
    alert(theInput);    
}

Update Fiddle

Answer 2

您需要使用.text（）或.html（）方法获取价值：

ButtonClick = function() {
    var Name = $('#InPut').text();
    console.log('Input text: ' + Name);
    $("#InPut").hide();
    $("#Button").hide();  
}

为您工作JSFiddle示例：http://jsfiddle.net/682pG/121/

将div输入发送到变量？ JQuery的

2 个答案: