如果在输入内部或外部单击，则阻止事件更改

Question

如果在输入内部或外部单击，我有一些问题如何阻止事件更改。

<input type="number" id="tenure-long" value="2" min="1" max="10" />

$( document ).on( 'keyup change', '#tenure-long', function( e ) {
    // fire function
});

// try block with this, but not working
$( document ).on( 'click', 'body', function(event){
    event.preventDefault();
    event.stopPropagation();
});

我想，如果用户更改输入值并点击页面的其他元素后不再发生更改事件。

Answer 1

你可以试试这个：

$(document).on( 'click', 'body', function(event){
  if (event.target.id !== 'ternure-log') {
    $('#tenure-long').attr('disabled','disabled')
  }
});

如果您单击其他位置，您可以通过这种方式禁用输入，将无法再次更改其值。

Here你有一个现场演示。