ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ javascript,SVG で作成したプログラム置き場

canvas 要素で作成したテキストエリア test-C



キャレットに使用していたテキストボックスを span タグに置き換えて、
document のキーイベントを拾って、テキストを抱き出すようにしました。
スクロール時の挙動は落ち着いてよかったのですが、
iframe 内に canvas 要素で作成したテキストエリアがある場合、
読み込み後、一度、iframe 内 document をクリックしないと動かないという。
span タグに置き換えた意味が。。。ヽ(´ー`)ノ
このプログラムは、テキスト要素にフォーカスを移すことで、動作させてます。
その他、ブラウザにキーボードのショートカットキーが設定してある場合、
そちらが優先してしまうようです。
2017/07/19 [04:06]

canvas 要素で作成したテキストエリア test-B



前回作成した、canvas 要素で作成したテキストエリア
canvas 要素で作成したテキストエリア test-A
コードを整理して、ショートカットキーの処理を追加しました。
日本語入力は、、、出来ていません。_( _´ω`)_
前回と同じく、動作確認は chrome のみです。
テキストエリア、テキストボックスを使用しない、
canvas 要素のみのテキストエディタ(テキストエリア)を目指してたのですが、
Ctrl + A のテキスト選択が思い通りに動作してくれず、
キャレットにテキストボックスを使用しています。

2017/07/17 [00:04]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -


PAGE TOP
広告: