javascript - 使用 Javascript 禁用粘贴操作(不包括 Jquery)

Question

我有一个登录手机号码的文本框，我必须禁用粘贴操作

我在 ReactJs 工作，我使用的代码是下面提到的。

<input
 type="text"
 name="userName"
 placeholder="Mobile number"
 onChange={e => this.onChangeNumber(e)}
 value={this.state.userName}                      
 maxLength="10"
 autoFocus
 autoComplete="off"
/>

我想在不使用 jquery 和任何其他包的情况下使用 JS 代码禁用粘贴操作。任何人都可以帮助我完成这个。

提前致谢。

Answer 1

如果您使用的是 reactjs，您可以直接在输入标签中使用 onPaste 事件，如下所示。所以它会限制粘贴操作。

     <input
     type="text"
     name="userName"
     placeholder="Mobile number"
     onChange={e => this.onChangeNumber(e)}
     onPaste={e => {e.preventDefault()}}
     value={this.state.userName}                      
     maxLength="10"
     autoFocus
     autoComplete="off"
    />

如果你想使用js，你可以在你的函数中使用下面的代码。这样粘贴操作就会被阻止。

    onChangeNumber =()=>{
       document.getElementByName('userName').onpaste=function(e){
         e.preventDefault();
       }
     }