jQuery.Event(src)


version 1.3 以降

解説

jQueryのイベントシステムが提供するイベントオブジェクトを生成します。

イベントオブジェクトの詳細は、イベントオブジェクト を参照してください。

jQuery のイベントオブジェクトを生成する場合は、次の様に記述します。

// イベントオブジェクトの生成
var e1 = new jQuery.Event(src);

// new はなくてもよい
var e2 = jQuery.Event(src);

// イベントオブジェクトを拡張
var e3 = jQuery.Event(src);
e3.attr1 = "foo";
e3.attr2 = "bar";

引数

  • src
    String / Object(Event): 文字列を指定した場合は、そのイベントタイプのイベントとして生成します。 イベントオブジェクトを指定した場合は、originalEvent プロパティに参照を保存した、新しいイベントオブジェクトを生成します。

戻り値

関連


文字列をクリックすると、colorClickEvent イベントを発火します。
colorClickEvent イベントのデフォルト動作は、文字列を背景色に設定します。
最後の行だけ、アラートを表示し、デフォルトの動作を停止します。(event.preventDefault())

// 最後の行だけ、アラートを表示し、デフォルトの動作を停止
$("#test_isDefaultPrevented li:last").bind("colorClickEvent", function(event, colorText) {
    alert(colorText);
    event.preventDefault();  // デフォルトの動作を停止
});

// --- カスタムイベント colorClickEvent の定義 ---
$("#test_isDefaultPrevented li").click(function(event) {
    var colorText = $(this).text();

    // イベントの発火
    var colorClickEvent = jQuery.Event("colorClickEvent");
    $(this).trigger(colorClickEvent, [colorText]);

    // デフォルトの動作
    if(!colorClickEvent.isDefaultPrevented()) {
        // デフォルトの動作が停止されていなければ背景色を変える
        $(this).css("background-color", colorText);
    }
});

  • lightgreen
  • yellow
  • #6495ed
  • #c0c0c0
  • orange