.appendがfirefoxやsafariで動作しない

Jquery .appendがfirefoxやsafariでは動作しませんが、.valは動作しません。.appendがfirefoxやsafariで動作しない

興味深いことに、同じコードがIEで正常に動作します。

コード：

<head> 
    <link rel="stylesheet" type="text/css" href=" https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css"> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<script type = "text/javascript"> 
    $(document).ready(function() {   
     $("#notes").change(function() { 
      $('#notes').val($('#notes').val() + "Test1"); 
      $('#notes').append('Test2'); 
     });    
    }); 
</script> 

<textarea rows="10" name="Notes1" id="notes" style="width: 100%" ><?php 
    if (isset($_SESSION['order'])) { 
     echo $_SESSION['order'][0]['tNotes']; 
    } 
</textarea>

したがって、上記のコードでは、Test1のとTest2を両方がInternet Explorerでテキストエリアに追加された状態で正常に動作だけ.valはFF /サファリでのTest1の作品.appendはそうではありません。

これはなぜですか？任意の助けや代替案を取得する（同じ場所にテキストを追加するだけでなく、編集した場所にテキストを追加する）

出典

2016-03-29 user2229747

EDIT：

（ちょうど下に編集されていなかった場所にテキストを追加）

それはすべてのブラウザで動作させるためにval()を使用してください。

See this updated fiddle

$(document).ready(function() { 
    $("#notes").change(function() { 
    insertAtCaret($(this).prop('id'),"this"); 
    $(this).val($('#notes').val() + "here"); 
    }); 
});

注は - 私はこのSOポストから機能を使用します。 Inserting a text where cursor is using Javascript/jquery

出典

2016-03-29 14:26:19

Noo、私のコードは、すべてのブラウザ（.val）で動作するものの、Internet Explorer（.append）でしか動作しないことを説明していました – user2229747

私の回答を更新しました –

あなたは私の友人がすごいです – user2229747

Textareaは入力コンテナ型なので、値を設定するには.valあなたの要素の。 .append（）はIEでは標準では気にしないため動作します。

出典

2016-03-29 14:15:11

OKおかげで、最後にテキストを追加するには.val取得する方法は、（）があります（.appendのような）テキストエリアの行を変更しましたか？ – user2229747

.val（）はゲッターであり、セッターです。パラメータを指定しないと、パラメータとともに設定されます。 –

.appendがfirefoxやsafariで動作しない

答えて

関連する問題