先端開発において最も一般的なJSコードセグメント

HTML 5 DOMセレクタ

// querySelector()            
var item = document.querySelector('.item');
console.log(item);

// querySelectorAll()           ，   nodeList  
var items = document.querySelectorAll('.item');
console.log(items[0]);

デフォルトの行動を阻止する

//   js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.event；

    if (event.preventDefault){
        // w3c         
        event.preventDefault();
    } else{
        // ie       
        event.returnValue = false;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.preventDefault();
});

泡を止める

//   js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.event；

    if (event.stopPropagation){
        // w3c       
        event.stopPropagation();
    } else{
        // ie     
        event.cancelBubble = true;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.stopPropagation();
});

マウスホイールイベント

$('body').on("mousewheel DOMMouseScroll", function (event) { 
    // chrome & ie || // firefox
    var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1));  

    if (delta > 0) { 
        //     
        console.log('mousewheel top');
    } else if (delta < 0) {
        //     
        console.log('mousewheel bottom');
    } 
});

ブラウザがcanvasをサポートしているかどうかを検出します.

function isSupportCanvas() {
    return document.createElement('canvas').getContext ? true : false;
}

//   ，              
console.log(isSupportCanvas());

WeChatブラウザかどうかを検出します.

function isWeiXinClient() {
    var ua = navigator.userAgent.toLowerCase(); 
    return !!(ua.match(/MicroMessenger/i)=="micromessenger" ? 1 : 0); 
}

//   
console.log(isWeiXinClient());

マウスのbody上の座標を取得します.

$('body').click(function(event){
    //     body     
    console.log('X：' + event.offsetX+'
 Y:' + event.offsetY); 

    //             
    console.log('X：'+$(this).offset().left+'
 Y:'+$(this).offset().top);
});

認証コードのカウントダウンを送信します.

<input id="send" type="button" value="     ">

//   js  
var times = 60, //     60 
    timer = null;

document.getElementById('send').onclick = function () {
    //     
    timer = setInterval(function () {
        times--;

        if (times <= 0) {
            send.value = '     ';
            clearInterval(timer);
            send.disabled = false;
            times = 60;
        } else {
            send.value = times + '    ';
            send.disabled = true;
        }
    }, 1000);
}


// jQuery  
var times = 60,
    timer = null;

$('#send').on('click', function () {
    var $this = $(this);

    //     
    timer = setInterval(function () {
        times--;

        if (times <= 0) {
            $this.val('     ');
            clearInterval(timer);
            $this.attr('disabled', false);
            times = 60;
        } else {
            $this.val(times + '    ');
            $this.attr('disabled', true);
        }
    }, 1000);
});

ps:        ，    ，    ，       （        ）。
  QQ 209952809(     ，   csdn)；        ， happy。