わんすけに聞いてみる EXCELっぽいHTMLテーブル ブラウザの違いで気付いたこと。

ブラウザの違いで気付いたこと。

前回の投稿のすぐあとに気付いたこと。

サンプルのページを自分でいじってて、あれっ?ってなった。

 

1.IEだと方向キーでセル移動できるけど、Chromeだと動かない。
keydownイベントのe.keycodeは非推奨らしい。

keyを使った方がいいっていう情報も見つけたけど、keyもブラウザによって名前が違うとか・・・。

とりあえず、IEとChromeはkey調べてコードを直して見た。

今度、Firefoxとか他のブラウザも使って調べて見よう。

Esc⇔Escape、Left⇔ArrowLeft・・・・軒並み違うじゃないかっ!!

 

2.スマホのブラウザには、ダブルクリックの概念がない。

 

セル編集できるかなー?

ぽちぽちっ すぅぃーん(ズーム)

ぽちぽちっ すぅぃーん(ズームアウト)

ふーん・・・。なるほどねー。ってなった。

それで、選択中のセルをもう一度クリックしたら編集に切り替わる様に

クリックイベント側に選択状況のチェックと強制的にダブルクリック発火を仕込んでみた。

 

今まで、クライアントの業務系アプリばっかり触ってたから

Webの常にクロスプラットフォームを意識する考え方は新鮮で勉強になりますね。

わんすけへ寄付金を送る

このサイトの情報が何かの為になったなーって思う方がいらっしゃれば、是非「わんすけに缶コーヒー1本でもご馳走する」気持ちでポチってあげて下さい😉

¥120

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Related Post

セル情報を整理してキレイにダウンロードできるようにする。(xlsx.full.min.js)セル情報を整理してキレイにダウンロードできるようにする。(xlsx.full.min.js)

前回の続きです。 とりあえずダウンロードボタン仕込んだけど、余計な情報がセルに入ってたのでデータを整理してダウンロードできるようにしました。 更新内容は「ExcelっぽいHTMLテーブル」のページに反映してます。 &nb […]