`
龚瑾_
  • 浏览: 8279 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js onpaste事件,禁止粘贴

    博客分类:
  • js
阅读更多
js onpaste事件,禁止粘贴


js中有个禁止粘贴的事件onpaste;主要在用户填写信息,注册等地方使用,用户填写一些非常重要的信息的时候,比如手机号码,确认邮箱等,防止用户第一次输入错误,第二次直接粘贴,这种情况也比较常见。例如支付宝的注册页面,整个表单都是禁止粘贴的。

基本的使用方法就是就是在文本框中加入onpaste=”fnPaste()” ;
<input type="text" name="textfield" onpaste="return false" id="textfield" />  


如果你想像支付宝的注册页面,整个表单都是禁止粘贴的话可以再body标签上加onpaste=”return false”;
<body onpaste="return false" >  


当然你也可以添加自定义的方法:
<input type="text" name="textfield" onpaste="sayHi()" id="textfield" />   
function sayHi(){     
alert("hi");    
}  


有一点值得注意的就是Opera是不支持onpaste事件的。IE6-8,Safari,firefox 3都支持。
分享到:
评论

相关推荐

    用javascript 禁止右键,禁止复制,禁止粘贴

    使用 JavaScript 禁止右键、禁止复制、禁止粘贴 在网页开发中,保护自己辛苦半天做的网页,尤其是一些 JavaScript 特效,不被人利用查看源文件而复制非常重要。下面将详细介绍如何使用 JavaScript 禁止右键、禁止...

    关于编辑框禁止粘贴输入

    我们可以通过JavaScript来监听和阻止粘贴事件。例如,可以添加`event.preventDefault()`到`onpaste`事件处理函数中,如下所示: ```javascript document.getElementById('yourInputField').addEventListener('...

    textbox禁止粘贴

    综上所述,通过结合使用JavaScript和CSS,我们可以有效地在ASP.NET应用程序中的`TextBox`控件上实现禁止粘贴、复制和剪切的功能。下面是一个完整的示例代码片段: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Textbox禁止...

    JavaScript禁止复制与粘贴的实现代码

    相似地,`paste`事件在用户尝试将内容粘贴到某个元素中时触发,可以用来禁止粘贴行为。其监听方式和`copy`事件类似,也有`onpaste`属性和`addEventListener`方法两种。 HTML元素使用`onpaste`属性: ```html ...

    CCS文本框禁止拖拽和粘贴

    为了在更广泛的浏览器中实现禁止拖拽和粘贴的功能,通常会采用JavaScript事件监听器。例如,`ondragenter`和`onpaste`事件处理器可以被用来阻止特定的行为: ```css .TextBox_NotDragpaste { ime-mode: disabled; ...

    禁止粘贴复制

    标题与描述中的“禁止粘贴复制”涉及到的是前端网页开发中的一个特定功能——阻止用户在网页上进行复制、粘贴操作。这一需求通常出现在需要保护网页内容不被轻易复制的场景下,比如版权保护、防止数据泄露等。下面将...

    js 特效禁止键盘功能

    最后,关于禁止粘贴操作,可以使用`onpaste`事件。当用户尝试在输入框或其他可编辑元素中粘贴内容时,可以阻止这个事件的默认行为。例如: ```html &lt;input type="text" onpaste="return false;"&gt; ``` 这段代码将...

    javascript 密码框防止用户粘贴和复制的实现代码

    `onpaste`属性可以接受一个JavaScript函数作为参数,当用户尝试粘贴内容到密码框时,将调用这个函数。如果该函数返回`false`,则阻止粘贴行为的发生。例如,我们可以这样设置`onpaste`属性: ```html ...

    javascript页面代码防止frame禁止右键

    禁止粘贴、复制和剪切操作 这些功能也是通过添加事件监听器实现的。例如,禁止复制操作可以通过以下方式: ```html ;" oncut="return false;"&gt; ``` 对于粘贴操作: ```html &lt;input type="text" onpaste="return ...

    [js]javascript事件集合(包有触发事件).pdf

    ### JavaScript事件集合知识点 在Web开发中,JavaScript事件是重要的概念,用于处理用户的行为,比如点击、鼠标移动、键盘输入等。事件集合通常指的是一系列可以被绑定到页面元素上的事件类型。以下是一些常见的...

    各种禁止键盘的经典JS

    - 此外,通过设置`onpaste`和`ondragenter`属性为`return false`,可以进一步禁止粘贴和拖拽操作。 #### 使用场景与注意事项 - **使用场景**:此脚本适用于需要对用户输入进行严格控制的场景,如财务系统、密码...

    JS input文本框禁用右键和复制粘贴功能的代码

    在文档中给出的代码示例中,使用了oncopy、oncut和onpaste这三个事件来分别阻止文本的复制、剪切和粘贴操作。这些事件的使用基本原理相同,即返回false值来阻止操作的完成。同时,还提到了通过监听键盘事件来阻止...

    js控制文本框禁止输入特殊字符详解

    除了onkeyup事件外,为了更全面地控制输入,还应考虑到onpaste(粘贴事件)和oncontextmenu(鼠标右键菜单事件)。onpaste事件处理器可以阻止用户通过粘贴的方式输入特殊字符,而oncontextmenu事件处理器可以禁止...

    JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt

    在网页设计中,有时我们需要对用户的行为进行限制,比如禁止右键菜单、禁止文本选择、禁止粘贴等,以提升用户体验或者保护网站内容。下面我们将详细探讨如何使用JavaScript实现这些功能。 首先,禁用鼠标右键是常见...

    js 禁止保存、屏蔽、缓存、页面保护等等代码大全

    禁止粘贴 - **代码实现**:`onpaste="return false"` - **功能说明**:阻止用户在输入框内粘贴文本。 - **实现原理**:通过监听`onpaste`事件,并返回`false`来取消默认的粘贴行为。 ##### 4. 禁止复制和剪切 - ...

    js 禁止保存、屏蔽、缓存、页面保护

    3. `onpaste="return false"`:此属性阻止了 `paste` 事件的发生,不允许用户在指定的元素上粘贴内容。 4. `oncopy="return false;" oncut="return false;"`:这两个属性分别阻止了 `copy` 和 `cut` 事件,防止用户...

    js实现禁止中文输入的方法

    为了更全面地禁止中文输入,我们可以结合JavaScript事件处理函数和CSS样式。这种方法不仅可以禁用IME输入法,还可以防止用户通过复制、拖拽等方式输入中文。具体代码如下: ```html onpaste="return false" ...

    javascript 限制输入和粘贴(IE,firefox测试通过)

    2. 键盘和粘贴事件处理:通过JavaScript为特定的input元素绑定键盘事件处理函数,可以在用户输入时进行干预。 - 阻止特定键盘操作:在某些情况下,例如需要用户只能输入数字,可以通过监听keydown事件并调用...

Global site tag (gtag.js) - Google Analytics