2016-11-14 5 views
2

ブラウザのブックマークツールバーにドロップできるブックマークレットを作成します。このブックマークツールバーをクリックすると、固定された定義済みのテキストが挿入されます(私のユースケースでは、シャギー:¯\ _(ツ))/¯)カーソル位置(カーソルが編集可能な入力フィールドまたはテキストエリアにあると仮定)。しかし、私はJavaScriptの初心者であり、これをやり始める方法を理解することはできません。どんな助け?私が正しい方向にポインタを得ることができれば、おそらくそこからそれを理解することができます。ありがとう!カーソル位置に固定テキストを挿入するJSブックマークレットを作成するにはどうすればよいですか?

+1

[アクティブ入力要素を取得](https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement)。 [その要素の内容のカーソル位置を取得する](http://stackoverflow.com/questions/2897155/get-cursor-position-in-characters-within-a-text-input-field) [入力ボックスの内容にアクセスして変更する](http://www.w3schools.com/jsref/prop_text_value.asp)。 [文字列を操作してテキストを挿入します(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)。 – afuous

+0

@afuousそれは私に私が探していたすべてを与えました。 Firefoxのコンソールで試してみたところ、約10分で気になるブックマークレットが得られました。私が思いついたことについて私の答えを見てください。 – jcgoble3

+0

ニース、私は実際に自分自身を使用するかもしれません。 – afuous

答えて

1

遅延の申し訳ありません。私が質問を投稿した時点で、人生は私のところでいくつかのカーブボールを投げていました。そしてStackOverflowが私に今夜の応答を通知するまでこれについて忘れました。

コメント投稿者afouth私が探していたものすべてが私に与えられました。現在はブックマークレットがあります。この出くわす他の誰のために、ここにある:

javascript:(function(a){a.value=a.value.slice(0,a.selectionStart)+"%C2%AF\\_(%E3%83%84)_/%C2%AF"+a.value.slice(a.selectionEnd);})(document.activeElement);

これがあるかのように、テキストの一部を選択し、shruggieで選択を置き換えるためにブックマークレットを使用するように私を可能にするという利点を持っています私はキーボードの仮面彫刻のキーを打った。

自由に盗み、修正してください。これはFirefox 50.0.2でのみテストされていますが、現代のすべてのブラウザで動作するはずです。 (Internet Explorer 8以前では動作しません)

0

CSS Tricksには、そのやり方を説明した記事があります。私はよくリンクを知っている答えはここでは理想的ではありませんが、質問は正しい方向にポインタを求めているので、私はその良いフィット感を信じています。

このチュートリアルのブックマークレットはフォームを事前設定しているため、基本的には、フォームコントロールを見つけてプレフィルをどのようにしているかを見ていきます。その後、必要な機能に合わせて微調整し、最後に必要としない、または使用しないすべてのものを取り除きます。

​​

+1

そこにはたくさんの素晴らしい情報があるように見えますが、それはちょっと頭がおかしいです。私が必要としているのは、上記の質問に対するコメントを踏まえて、以下に投稿した回答です。しかし、とにかく、ありがとう。 – jcgoble3

関連する問題