Как захватить выделение из контекстного меню щелчка правой кнопкой мыши?

Question

Как захватить выделение из контекстного меню щелчка правой кнопкой мыши?

Попробовал событие contextmenu. Но он срабатывает сразу после щелчка правой кнопкой мыши.

$("input").contextmenu(function(){
  console.log("test");
});

Как я могу получить значение, выбранное из контекстного меню?

Answer 1

Используйте e.target, чтобы найти значение текстового поля, как показано ниже:

$("input").val('This is sample text for selection . Select One or more word . You ay see selected result on console.');
$("input").contextmenu(function(e) {
  let selection = window.getSelection().toString();
  console.log($(e.target).val().replace($(e.target).val(), selection));
});

.clssize {
    width: 600px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' class='clssize' />

Answer 2

Попробуйте это:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $("input").on('contextmenu', function(e) {
      alert($(this).val());
    });
  });
</script>