最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery自定義元素右鍵點(diǎn)擊事件(實(shí)現(xiàn)案例)

 更新時(shí)間：2017年04月28日 09:44:18   投稿：jingxian  
下面小編就為大家?guī)硪黄猨Query自定義元素右鍵點(diǎn)擊事件(實(shí)現(xiàn)案例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

大多數(shù)情況下我們使用左鍵來進(jìn)行頁面交互，而右鍵大部分對于開發(fā)者來說是審查元素的，有的時(shí)候我們也要自定義鼠標(biāo)右鍵點(diǎn)擊行為來達(dá)到更好的交互性，常見的有漫畫左鍵前進(jìn)、右鍵后退。

第一步我們要屏蔽瀏覽器默認(rèn)的右鍵點(diǎn)擊行為，即阻止彈出框。

首先要將阻止彈出函數(shù)綁定到目標(biāo)元素上：

//阻止瀏覽器默認(rèn)右鍵點(diǎn)擊事件
$("div").bind("contextmenu", function(){
  return false;
})

如此一來，div元素的右擊事件就被屏蔽了，而瀏覽器其他區(qū)域不受影響，如果你想在整個(gè)頁面屏蔽右擊事件，只需這樣做：

document.oncontextmenu = function() {
  return false;
}

接下來就可以為元素綁定右擊響應(yīng)函數(shù)了：

$("div").mousedown(function(e) {
  console.log(e.which);
  //右鍵為3
  if (3 == e.which) {
    $(this).css({
      "font-size": "-=2px"
    });
  } else if (1 == e.which) {
    //左鍵為1
    $(this).css({
      "font-size": "+=3px"
    });
  }
})

示例效果為右擊字體縮小，左擊字體變大，且其它區(qū)域可以響應(yīng)默認(rèn)右擊事件。

完整代碼：

<head>
  <style type="text/css">
  div{
    font-size:20px;
  }
  </style>
  <script src="../jquery.js"></script>
  <script>
  $(function() {
    //阻止瀏覽器默認(rèn)右鍵點(diǎn)擊事件
    /*document.oncontextmenu = function() {
      return false;
    }*/
    //某元素組織右鍵點(diǎn)擊事件
    $("div").bind("contextmenu", function(){
      return false;
    })
    $("div").mousedown(function(e) {
      console.log(e.which);
      //右鍵為3
      if (3 == e.which) {
        $(this).css({
          "font-size": "-=2px"
        });
      } else if (1 == e.which) {
        //左鍵為1
        $(this).css({
          "font-size": "+=3px"
        });
      }
    })
  })
  </script>
</head>

<body>
  <div>
    div
  </div>
</body>

以上這篇jQuery自定義元素右鍵點(diǎn)擊事件(實(shí)現(xiàn)案例)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

沐川县| 县级市| 黄陵县| 新龙县| 巴彦淖尔市| 南陵县| 阳朔县| 修文县| 舟曲县| 即墨市| 民权县| 安化县| 定安县| 四川省| 永寿县| 潼关县| 巧家县| 达州市| 凤凰县| 确山县| 长沙市| 当涂县| 甘南县| 景宁| 天水市| 萝北县| 黔西| 准格尔旗| 尚义县| 绿春县| 新田县| 通许县| 黄浦区| 民乐县| 来凤县| 阳曲县| 城步| 淄博市| 广西| 沾化县| 湾仔区|