鼠标向下选择文本框内部

Select inside of textbox on mouse down

本文关键字：内部 文本 选择 鼠标      更新时间：2023-09-26

因此，基本上我想做的是，如果用户在div内按下鼠标，选择文本框内的最后一个光标点，这样用户仍然可以将鼠标拖动到文本上进行选择。

目前我有这个：

HTML:

<div class="VS-search-inner" onclick="innerSearchPanelClicked(event)">

JS:

function innerSearchPanelClicked(e){
  var inputToFocus = $( e.target ).find("input").last();
  if(inputToFocus.is('input')){
      inputToFocus.focus();
      var length = inputToFocus.val().length;
      inputToFocus.setCursorPosition(length);
  }
}

这在点击时效果很好，但如果我试图将其更改为鼠标向下，它会不断失去对输入的关注。

选择输入后，鼠标点击会使其失去焦点。尝试使用超时。

function innerSearchPanelClicked(e){
  var target = e.target;
  setTimeout(function () {
    var inputToFocus = $( target ).find("input").last();
    if(inputToFocus.is('input')){
      inputToFocus.focus();
      var length = inputToFocus.val().length;
      inputToFocus.setCursorPosition(length);
    }
  },10);
}
相关文章：