javascript - 我想在点击时间大于 200 毫秒时返回 false

Question

我正在开发一个 YouTube 播放器。如果用户长按视频，则会出现一个选项面板。我想阻止它。我是否可以编写一个查询，如果我的点击时间大于 200ms，则返回 false？我目前正在使用此代码，但这不起作用。

$('video').on('click', function () {
    if(longpress) { // if detect hold, stop onclick function
        return false;
    };
});

$('video').on('mousedown', function () {
    longpress = false; //longpress is false initially
    pressTimer = window.setTimeout(function(){
    // your code here

    longpress = true; //if run hold function, longpress is true
    },300)
});

$('video').on('mouseup', function () {
    clearTimeout(pressTimer); //clear time on mouseup
});

Answer 1

正如@Maxx所说，只需先声明你的变量

var longpress = false;
var pressTimer;
$('video').on('click', function() {
  console.log(longpress)
  if (longpress) { // if detect hold, stop onclick function
    return false;
  };
});

$('video').on('mousedown', function() {
  longpress = false; //longpress is false initially
  pressTimer = window.setTimeout(function() {
    // your code here

    longpress = true; //if run hold function, longpress is true
  }, 300)
});

$('video').on('mouseup', function() {
  clearTimeout(pressTimer); //clear time on mouseup
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video style="width: 100px; height: 100px; background-color: rgb(239, 239, 239);"></video>