It seems we can’t find what you’re looking for. Perhaps searching can help. Search…
このマイナーなブログに「javascript textarea 挿入」で辿り着かれる方が多いみたいですし、前回この題で書いた時はソースを書かなかったのでで少し書いてみます。これってあまり選択の余地はないと思いますけどね。簡単にする為に、「セレクトメニューで選んだ文字列をテキストエリアのカーソルがある位置に挿入する」ということで話を進めます。まずは以下のソースのHTMLを書いてください。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="insert.js"></script> </head> <body> <select id="letters" onchange="insert()"> <option>ABC</option> <option>DEF</option> <option>GHI</option
ブログとかのタグ挿入みたいなやつ 例) <html> <head> <script type="text/javascript"> //ボタン用 function insert(text){ var str = text; //テキストエリア位置取得 document.getElementById("area").focus(); var selection = document.selection.createRange(); //テキストエリアの位置に取得した内容をセット selection.text = str+selection.text; } //プルダウン用 function puru(form) { //プルダウンのValueの中身を取得 var index = form.select1.selectedIndex; var str = form.select1.option
JavaScript を使って textarea のキャレット(カーソル)位置に文字列を挿入するサンプルです。 挿入する文字列を入力するために jQuery UI の dialog を利用していますが、それ以外は JavaScript のみを使用しています。 Firefox などの場合は、選択された部分の先頭、末尾の index (整数型)を、それぞれ selectionStart、selectionEnd で取得できますが、IE の場合はそれに該当するプロパティがないのが問題です。 IE の場合は、document.selection プロパティで selection オブジェクト(textarea 要素そのものではなく、textarea 要素の中の選択された文字の部分)を取得し、さらに createRange メソッドを使って TextRange オブジェクトを作成し、それを操作するこ
jQuery 1.9 を用いて textarea の現在のカーソル位置にテキストを挿入します。動作は IE 6 〜 9, Chrome, FireFox の最新版で確認。 function insertAtCaret(target, str) { var obj = $(target); obj.focus(); if(navigator.userAgent.match(/MSIE/)) { var r = document.selection.createRange(); r.text = str; r.select(); } else { var s = obj.val(); var p = obj.get(0).selectionStart; var np = p + str.length; obj.val(s.substr(0, p) + str + s.substr(p)); o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く