Upload Login /
...

JS_Chap03【PDFダウンロード】

by user

on
Category: Documents
>> Downloads: 0
3

views

Report

Comments

Description

Transcript

JS_Chap03【PDFダウンロード】
Chapter 03
イベントハンドラ
Chapter 03
event handler
イベントハンドラ
event handler
Internet Explorer
Name
（名前）
Purpose
（目的）
onScroll
Internet Explorer
ver.
ver.
ver.
5.5
6
7
FireFox Opera Safari
Name
（名前）
onSelect
ver.
ver.
ver.
ver.
9
2,3
2
9
2,3
Purpose
（目的）
フォーム内のテキストが選択されたら処理を実行する
■普通の文字列などには使用できず、フォームのテキストフィールド、テキストエリア内
の値のみ
◆使用できるオブジェクト:window、document、Textarea
onScroll=" 処理 ">
.onscroll = 処理
<body onScroll="myFunc()">
ページがスクロールしたら関数myFunc()を実行。
Syntax
（構文）
<
●Explorerのみ使用できる類似イベントハンドラ:onSelectStart
（テキストが選
択され始めたら処理を実行する、ver4.0∼）
onSelecttionChange
（通常の文字列も含めてテキストが選択状態が変更された
ら処理を実行する、ver5.5∼）
オブジェクト
文例
document.myForm.myText.onscroll = myFunc;
<input type="text" name="myText"
onSelect="myFunc()">
テキストフィールドmyTextがスクロールしたら関数myFunc()を実行。
文例
フレームを操作する
Sample Source
※main.htmlのソース
<html><head><title>onScroll</title>
<script type="text/JavaScript"><!-function myY(){
parent.leftFrame.document.forms[0][0].
value = event.screenY;
}
//--></script>
</head>
<body onScroll="myY()">
<img src="../img/17.jpg"><br>a
右フレームをスクロールさせると、右フレーム内のコンテンツの上端の位置
がピクセル単位で表示される。
Sample Link
P 192 05
P 203 05
P 285 05
テキストフィールドmyText内の文字列が選択されたら関数myFunc()を実行。
フォームを操作する
Sample Source
コピー&ペーストしようとすると警告を表示
<html>
<head>
<title>onSelect</title>
</head>
<body>
<img src="img/18.jpg">
<form name="myForm">
パスワードを設定してください:<br>
<input type="password"
onSelect="alert('誤設定を防ぐため、確認のテ
キストフィールドも直接入力してください')"><br>
念のためにもう一度:<br>
<input type="password">
</form>
</body>
</html>
パスワード設定の欄に入力した文字を選択しようとするとアラートを表示す
る。
Sample Link
092
テキストフィールドmyText内の文字列が選択されたら関数myFunc()を実行。
document.myForm.myText.onselect = myFunc;
右のフレームの上端の位置を表示
※12_onScroll.htmlのソース
<html><head><title>onScroll</title></head>
<frameset cols="100,*" frameborder="NO" border="0" framespacing="0">
<frame src="left.html" name="leftFrame" scrolling="NO" noresize>
<frame src="main.html" name="mainFrame">
</frameset>
</html>
onSelect=" 処理 ">
.onselect = 処理
オブジェクト
P 205 05
JavaScript ビジュアル・リファレンス
093
Chapter 03
Chapter 03
event handler
◆使用できるオブジェクト:FileUpload、Password、Text、Textarea
解説
オブジェクト
オブジェクト
7
FireFox Opera Safari
ver.
●Explorerのみ使用できる類似イベントハンドラ:onMouseWheel
（マウスホイール
が回ったら処理を実行する、ver6.0∼）
<
ver.
6
2
■本来DHTMLのイベントハンドラだが使用可能
Syntax
（構文）
ver.
ver.
スクロールしたら処理を実行する
解説
ver.
5.5
Fly UP