Web Tips Plus: JavaScriptのイベントについて

2015年11月20日金曜日

イベント | JavaScript

イベントの無効化

Event.preventDefault()を実行することで、イベントの既定の処理を中止できます。

foo.addEventListener( 'click', function( event ){
    var e = event || window.event;
    e.preventDefault();
}, false );

ドラッグでチェックできるようにするブックマークレット【JavaScript】 - Programming Magic

//ロード時に全てのチェックボックスにイベントを登録

window.onload = function (){

   var checked, drag, e, i,

   inputs = document.getElementsByTagName('input');

     for (i=0; i < inputs.length; i ++) {

    e = inputs[i];

    if (e.type == 'checkbox'){

     //マウスダウン イベントの登録

     addEvent(e, 'mousedown', function (event){

      checked = !(event.srcElement || event.target).checked;

      drag = true;

});

     //マウスアウト イベントの登録

     addEvent(e, 'mouseout', function (event){

      if(drag){

       (event.srcElement || event.target).checked = checked;

});    }   }

//マウスアップ イベントの登録

   addEvent(document, 'mouseup', function (){

    drag = false;   });  }

//イベント登録用関数

  function addEvent(e, type, handler){

   if (/*@cc_on!@*/false) {

    //IE用

    e.attachEvent('on' + type, handler);

   else {

    //Firefox, Opera, Safari用

    e.addEventListener(type, handler, false);

jQuery の on() と off() を理解する - tacamy.blog

Web Tips Plus