自分で作ったり提供したりするものは、まず自分自身で使ってみろろということです。自分じゃ使わないものなら人はいくらでも無責任にも無思考にもなれる。そういう投げやりな「サービス」やら「プロダクツ」なんて、だれだってイヤだ。自分が作り手と同時に利用者の立場になれば、ちゃんと使えるレベルのものを提供しようとします。

2010年11月2日火曜日

jQuery ボタン配列のクリック処理

画面にいくつかのボタンを配置して、クリックイベントを一括に処理するサンプルです。





(Internet Explorer確認済み)

ソース:
<script type="text/javascript">
    $(function () {
        $("button").click(function (event) {
            alert("button click.【" + event.srcElement.id + "】");
        });
    });
</script>
<button id="btn01">button1</button>
<button id="btn02">button2</button>
<button id="btn03">button3</button>
<button id="btn04">button4</button>

■ イベントオブジェクト(Internet Explorer)
◆ window.event
◆ window.event.type
◆ window.event.keyCode
◆ window.event.shiftKey
◆ window.event.ctrlKey
◆ window.event.altKey
◆ window.event.button
◆ window.event.screenX
◆ window.event.screenY
◆ window.event.clientX
◆ window.event.clientY
◆ window.event.x
◆ window.event.y
◆ window.event.offsetX
◆ window.event.offsetY
◆ window.event.srcElement
◆ window.event.fromElement
◆ window.event.srcFilter
◆ window.event.cancelBubble
◆ window.event.returnValue = value
◆ window.event.reason

0 件のコメント:

コメントを投稿

ホームページ