逛社區(qū)時(shí)看到的文章，我修改調(diào)整了內(nèi)容，如果大家覺得也有幫助 可以收藏下~

HTML5 DOM 選擇器

// querySelector() 返回匹配到的第一個(gè)元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素，是一個(gè)nodeList集合var items = document.querySelectorAll('.item');console.log(items[0]);

阻止默認(rèn)行為

// 原生jsdocument.getElementById('btn').addEventListener('click', function (event) {  event = event || window.event；  if (event.preventDefault){    // w3c方法 阻止默認(rèn)行為    event.preventDefault();  } else{    // ie 阻止默認(rèn)行為    event.returnValue = false;  }}, false);// jQuery$('#btn').on('click', function (event) {  event.preventDefault();});

阻止冒泡

// 原生jsdocument.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();});

鼠標(biāo)滾輪事件

$('#content').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) {     // 向上滾動(dòng)    console.log('mousewheel top');  } else if (delta < 0) {    // 向下滾動(dòng)    console.log('mousewheel bottom');  } });

檢測(cè)瀏覽器是否支持svg

function isSupportSVG() {   var SVG_NS = 'http://www.w3.org/2000/svg';  return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect; } // 測(cè)試console.log(isSupportSVG());

檢測(cè)瀏覽器是否支持canvas

function isSupportCanvas() {  if(document.createElement('canvas').getContext){    return true;  }else{    return false;  }}// 測(cè)試，打開谷歌瀏覽器控制臺(tái)查看結(jié)果console.log(isSupportCanvas());

檢測(cè)是否是微信瀏覽器

function isWeiXinClient() {  var ua = navigator.userAgent.toLowerCase();   if (ua.match(/MicroMessenger/i)=="micromessenger") {     return true;   } else {     return false;   }}// 測(cè)試alert(isWeiXinClient());

jQuery 獲取鼠標(biāo)在圖片上的坐標(biāo)

$('#myImage').click(function(event){  //獲取鼠標(biāo)在圖片上的坐標(biāo)   console.log('X：' + event.offsetX+'/n Y:' + event.offsetY);     //獲取元素相對(duì)于頁面的坐標(biāo)   console.log('X：'+$(this).offset().left+'/n Y:'+$(this).offset().top);});

驗(yàn)證碼倒計(jì)時(shí)代碼