ねごとめも背景

ねごとめも

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


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ 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 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

# 最新記事

# カテゴリ

# カレンダー

06 | 2017/07 | 08
- - - - - - 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
広告: