0

テキストエリアではなくdivにデータを表示したい..

<script type='text/javascript'>
$(window).load(function () {
    $("#pasteable").bind('paste', function (event) {
        var $pastable = $(this);
        setTimeout(function () {
            $("#target").val($pastable.val());
            $pastable.val("");
            $pastable.focus();
        }, 100);
    });

});
</script>

ここに貼り付けます:<input id="pasteable" />

代わりにここに表示する必要があります。

<textarea id="target"></textarea>

このdivに表示する方法

 <div id="target"contentEditable="true"style="width:300px;height:100px;border:1px #ffccff solid"></div>
4

3 に答える 3

2

動作中のjsFiddleデモ

あなたの#target要素はもうないので、メソッドの代わりにメソッドtextareaを使用する必要があります。次のマークアップを検討してください。.html().val()

<input id="pasteable" />
<div id="target"contentEditable="true"style="width:300px;height:100px;border:1px #ffccff solid"></div>

そしてあなたのJSコードで：

$(function () {
    $("#pasteable").bind('paste', function (event) {
        var $pastable = $(this);
        setTimeout(function () {
            $("#target").html($pastable.val());
            $pastable.val("");
            $pastable.focus();
        }, 100);
    });
});
于 2013-05-29T03:41:53.057 に答える
0

idページ上に同じ要素を 2 つ持つことはできません。それに応じていずれかを変更します。たとえば、次のようにします。

<textarea id="source"></textarea>

と：

<div id="target" contentEditable="true" style="width:300px;height:100px;border:1px #ffccff solid"></div>
于 2013-05-29T03:35:54.977 に答える
0

で同じ ID を使用しないでくださいform。ただし、要件がある場合は、次のように使用します-

  $(window).load(function () {
    $("#pasteable").bind('paste', function (event) {
    var $pastable = $(this);
    setTimeout(function () {
        $("[id='target']").val($pastable.val());
        $pastable.val("");
        $pastable.focus();
    }, 100);
  });

});
于 2013-05-29T03:46:16.333 に答える