2016-08-24 8 views
0

私は既にid属性を持っていてもいなくてもよいcontenteditable領域でいっぱいのテンプレートを持っています。 1つの違いは、すべてが一意のデータ値を含んでいるため、カーソルをターゲットにして特定の領域でカーソルをプログラムに合わせて編集するのに役立てたいと考えています。javascriptはデータ属性と値を使用してcontenteditable領域に焦点を当てています

私はVARにこの方法データ - 値を保存する場合:

textArea[0] = this.getAttribute("data-id"); 

を、私のユーザーは、彼らが、私はそれに戻って、カーソルを強制することができますどのように、現在で動作しているのcontentEditableエリアに焦点を当て失い?

document.[data-id=textArea[0]].focus(); 

ありがとうございます。あなたはバニラのJSを使用している場合

+0

場合に作成できるチェックでき
$('[data-id="' + dataId + '"]').focus(); 

小さなフィドルの例?今は非常に広いです –

+0

https://jsfiddle.net/2f47rygq/ – Vince

答えて

1

、あなたのような何かを書くことができます。

document.querySelectorAll('[data-id="' + dataId + '"]')[0].focus() 

あなただけ持つことができますあなたはjQueryのを使用できる場合

(属性によって要素を選択する方法についてthis answerを確認してください):

をあなたはまた、 this fiddle
関連する問題