myExtraContent1
myExtraContent2

 
Stacks Image 152
6-3-2 マウスの操作
ボタンがクリックされたら文字列を表示
実行結果説明:ボタンをクリックするとそれに対応した文字が表示される。
クリックされた位置(画面左上からのピクセル単位の距離)を知る
実行結果説明:どこでもいいので画面をクリック。クリックするたびにその位置を変更して表示する。(本の説明ではクリックされた位置によっては実際の結果が異なるらしい)
マウスのボタンを押した位置と放した位置の距離をピクセル単位で測る
実行結果説明:画面の適当な所をマウスを押して、そのまま少し移動してマウス離す。それぞれの位置が表示される。
クリック可能な領域ではマウスカーソルをポインターに変更
実行結果説明:マウスカーソルがクリック可能な領域に入るとポインター(手のアイコン)に変わる。クリックでバックの「色」と「文字」がが変化する。
マウスのドラッグで選択された部分の文字列を表示
実行結果説明:テキストボックスから文字を選択すると、下の方にその文字が表示される。
マウスカーソルが要素に重なっている時間を秒単位で計測
実行結果説明:テキストの上に重ねるとカウントしだす。離すと止まる。
要素がクリックされてから、もう一度クリックされるまでの時間を秒単位で計測する
実行結果説明:テキストをクリックするとカウントしだす。もう一度クリックすると止まる。更にクリックすると再びカウントを開始する。


myExtraContent3