用戶在移動設備中長按div或輸入字段時如何選擇完整文本

Question

在過去的兩天里，我一直在努力實現這一目標。

我正在嘗試在div上顯示一些文本。 當用戶長按div時，應選擇div中的完整文本。 眾所周知，移動設備長按即可提供上下文菜單，用戶可以“復制” div上顯示的完整文本。

我試過使用剪貼板.js，但無法實現這一點。 任何幫助將不勝感激。

請注意，這主要適用於Android / iOS中的瀏覽器

我在使用前端技術方面還很新，但是我已經完成了上述任務。

Answer 1

有一個簡單的方法可以做到這一點

var longPressTimer = null;

$("div").mouseup(function(){
  clearTimeout(longPressTimer)
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  var LONG_PRESS_TIME = 1000; //this is 1second

  longPressTimer = window.setTimeout(function() { 

     //this function will call after one second. you can collect the div data.

  }, LONG_PRESS_TIME);
  return false; 
});