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

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您有现场演示。