質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

8942閲覧

IE11でfocusが効かない・・?

miguel_2018

総合スコア13

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/10/16 03:42

以前こちらでお世話になった者です。

テーブルの要素をsortableで並び替えできて、<td>内に文字も入力できるものを作っていました。
そして前に↑で<td>内の文字をセレクトできないという内容で質問させていただきました。
こちらは解決できたのですが(この時はchromeブラウザで確認してました)、
IE11で確認するとセレクトできない以前に、文字の入力ができませんでした。

自分なりに調べてfocusという関数がうまく動いていないように思い、調べるとsetTimeoutを使うという情報もあり試してみましたが、ちょっとダメそうです(記述の仕方が悪い可能性もありますが)
またお知恵をお借りできたら幸いです。
宜しくお願い致します。

html

1<div class="col-sm-12"> 2 <table id="table" class="table table-bordered"> 3 <tbody id="sortable"> 4 <tr> 5 <th class="rank">1</th> 6 <td contenteditable></td> 7 </tr> 8 <tr> 9 <th class="rank" >2</th> 10 <td contenteditable></td> 11 </tr> 12 <tr> 13 <th class="rank" >3</th> 14 <td contenteditable></td> 15 </tr> 16 17 </tbody> 18 </table> 19</div> 20

javascript

1 2$("#sortable").sortable({ 3 cancel: "td" 4}).delegate('input,textarea,td', 'click', function(ev){ 5 ev.target.focus(); 6 7 // setTimeoutを試しました↓ダメでした 8 // setTimeout(function() {ev.target.focus();},10); 9}); 10 11$('#sortable').bind('sortstop', function(e,ui){ 12 var rows = $('#sortable .rank'); 13 for(var i=0, rowTotal=rows.length; i<rowTotal; i+=1){ 14 $($('.rank')[i]).text(i+1); 15 } 16});

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2018/10/16 03:57

clickしたらフォーカスするというのはどういう状況でしょうか?contenteditableな要素をクリックしたら普通にフォーカス(っぽい)状況になると思いますが・・・
yambejp

2018/10/16 04:54 編集

かぶった
miguel_2018

2018/10/16 04:52

テーブルにsortable()を使用していまして<td>をクリックしてもfocusできなくなってしまっていたので、clickしたらフォーカスするという処理を入れております。理解が浅く申し訳ないですがこのように認識しております。
guest

回答1

0

ベストアンサー

IEはtdにcontenteditable属性が有効でなかったような
tdの中にdivやspanをおいてそこに属性をつけてみてはどうでしょうか?

投稿2018/10/16 05:01

yambejp

総合スコア114789

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miguel_2018

2018/10/16 08:21

どうやらそれが原因だったようです、うまくいきました!ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問