Array.indexOfをIE8でも使えるように拡張してみる

prototype拡張はなるべく行いたくないので、jQueryが使える環境であれば$.inArray()を使用した方が無駄も少なくて良い。

なぜ”indexOf”じゃなくて”inArray”にしたの?互換性無いし格好わるいよ、ってなツッコミが各所で見られますが、jQueryが内部で行っている処理自体が完全な互換性を保っていないらしく、正式な”indexOf”を命名すのを避けたそうです。

http://api.jquery.com/jQuery.inArray/

//indexOfが実装されていないブラウザのみArrayを拡張する。
if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        'use strict';
        if (this == null) {
            throw new TypeError();
        }
        var n, k, t = Object(this),
            len = t.length >>> 0;

        if (len === 0) {
            return -1;
        }
        n = 0;
        if (arguments.length > 1) {
            n = Number(arguments[1]);
            if (n != n) { // shortcut for verifying if it's NaN
                n = 0;
            } else if (n != 0 && n != Infinity && n != -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        for (k = n >= 0 ? n : Math.max(len - Math.abs(n), 0); k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    };
}

Read More

iPhoneとiPadで、$.on、$.delegateまたは$.bindから割り当てたクリックイベントが発火しない場合の対処法

原因はよくわからないけど、対処は簡単。
clickイベントを割り当てた要素の属性に「onclick=””」を指定する。

Click here

こちらにあった
http://stackoverflow.com/questions/10165141/jquery-on-and-delegate-doesnt-work-on-ipad

Read More

Wheelイベントをオーバーライドして、画面をスクロールせずにwheelDeltaの値を取得する

$(function(){
     function handle(delta) {
                if (delta < 0) console.log("down------------------delta:" + delta);
                else console.log("up--------------------delta:" + delta);
            }

            function wheel(event){
                var delta = 0;
                if (!event) /* For IE. */
                    event = window.event;
                if (event.wheelDelta) { /* IE/Opera. */
                    delta = event.wheelDelta/120;
                    if (window.opera)
                        delta = -delta;
                } else if (event.detail) { /** Mozilla case. */
                delta = -event.detail/3;
                }
                /** If delta is nonzero, handle it.
                 * Basically, delta is now positive if wheel was scrolled up,
                 * and negative, if wheel was scrolled down.
                 */
                if (delta)
                    handle(delta);
                if (event.preventDefault) {
                    event.preventDefault();
                }
                event.returnValue = false;
            }

            if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
            window.onmousewheel = document.onmousewheel = wheel;
})

Read More