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

onbeforepaste事件用法:

 
阅读更多

onbeforepaste事件用法:

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

onbeforepaste 意思是在用户执行粘贴动作之前。
clipboardData.setData('text', xxx)  是把xxx的内容复制到剪贴板

clipboardData.getData('text')  是读出当前剪贴板里的内容,

.replace(/[^\d]/g,'')  是正则替换,把里面除了数字以外的字符全部都去掉,

整个语句的功能是,每当用户执行粘贴操作前,先取出剪贴板的内容字符串,删除不是数字的字符,只保留数字,然后再粘贴,而不是直接粘贴

分享到:
评论

相关推荐

    js触发事件大全

    JavaScript 是一种广泛用于网页和...随着DOM(文档对象模型)和现代浏览器的事件处理API的发展,现在可以通过addEventListener和removeEventListener方法更加灵活地管理和处理事件,提供更好的跨浏览器兼容性和性能。

    js事件触发大全

    1. **事件绑定**:使用`addEventListener`方法来绑定事件处理函数。 2. **事件冒泡与捕获**:理解事件的传播机制,可以使用`event.stopPropagation()`阻止事件冒泡。 3. **事件委托**:通过监听父元素来处理子元素的...

    JavaScript事件大全

    以下是一些主要的JavaScript事件及其用法: 1. 鼠标事件: - `onclick`:当用户点击鼠标时触发,常用于链接、按钮等元素。 - `ondblclick`:鼠标双击时触发,常用于快速执行某个操作。 - `onmousedown`:鼠标...

    32个触发事件XSS语句的总结

    然而,示例中的代码片段中存在语法错误,正确的用法应为`<div style="background-color:red;" onbeforepaste="alert('bem')">asdf</div>`。 12. **oncontextmenu**: 当右键点击元素时触发。例如:`...

    htmld的事件列表

    ### HTML事件列表详解 在网页开发中,HTML事件是用户与网页进行交互的重要方式之一。通过触发不同的HTML事件,开发者可以实现丰富的动态效果和交互...理解这些事件的含义及用法对于构建高效、交互性强的网站至关重要。

    JS中包涵的事件分类

    ### JS中的事件分类详解 JavaScript(简称JS)作为前端开发的核心技术之一,广泛应用于网页交互设计与动态效果实现。...理解并熟练掌握这些事件的使用方法,对于提高网页的用户体验和功能完整性具有重要意义。

    js鼠标事件大全.pdf

    本篇文章将深入解析JavaScript中的鼠标事件、键盘事件、页面相关事件、表单相关事件以及一些特殊事件,帮助你全面理解这些基本事件的用法。 ### 鼠标事件 1. `onClick`:当用户点击鼠标左键时触发,常用于按钮或...

    关于jquery input textare 事件绑定及用法学习

    **bind方法的使用方法:** 1. **一个事件,一个方法:** ```javascript $(".classinput").bind('click', function(e){ e.stopPropagation(); }); ``` 2. **两个事件,一个方法:** ```javascript $(".class...

    javascript事件归纳

    JavaScript事件是Web开发中至关重要的概念,它们允许开发者响应用户的操作或浏览器的状态变化,从而创建交互式的网页。根据给定的文件信息,我们将深入探讨...掌握这些事件的用法是每个前端开发者必备的技能之一。

    input 高级限制级用法

    使用 `onkeyup` 和 `onbeforepaste` 事件处理程序,可以确保文本框只接受英文和数字。例如: ```html (/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/...

    js验证输入验证小技巧

    - 这里需要注意的是,原始代码中的 `onbeforepaste` 事件处理函数中的正则表达式有误,应该使用 `[\W]` 而不是 `[^\d]`。 ### 六、默认显示 此外,在实际应用中,我们还经常需要设置文本框的默认显示值,例如提示...

    jQuery文本框(input textare)事件绑定方法教程

    jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作和事件处理。在jQuery中,事件绑定是实现交互性的重要手段。在本文中,我们将深入探讨如何使用jQuery绑定事件,特别是针对文本框(input textarea)的...

    JS控制input_输入字符限制

    以下是一些验证数字输入的方法: - 代码1:使用`onkeyup`事件和正则表达式`/\D/g`来移除所有非数字字符,包括小数点。 - 代码2:`isNaN`函数可检测输入是否为数字,若非数字则执行撤销操作(`execCommand('undo')...

    JS验证input输入框(字母,数字,符号,中文)

    使用正则表达式`[\W]`来匹配所有非字母数字的字符,然后在onkeyup事件和onbeforepaste事件中清除这些字符。 6. 只能输入汉字的验证方法: 使用正则表达式`[^\u4E00-\u9FA5]`来匹配所有非中文字符,并在onkeyup事件...

    documnent对象的使用.doc

    - `onbeforepaste`:在从剪贴板粘贴到文档前在目标对象上触发。 - `onclick`:在用户点击对象时触发。 - `oncontextmenu`:在用户右键点击时触发。 - `oncontrolselect`:在用户准备选取控件时触发。 - `oncut`...

    input高级用法input高级用法

    通过对`input`元素的各种属性和事件的合理运用,我们可以实现多种高级功能,如限制输入格式、改变键盘行为等,从而提升用户的使用体验。以上介绍的方法仅为冰山一角,开发者可以根据实际需求进行更多探索和实践。

    一些常用的特效包括一些javascript中event对象的使用

    除了通过`onkeyup`事件过滤输入之外,还可以使用`onbeforepaste`事件来防止用户通过粘贴板粘贴非数字字符。这可以通过修改粘贴数据实现: ```html (/[^0-9]/g,'')" onbeforepaste="clipboardData.setData('text', ...

    html text的常用事件和方法详细描述

    在实际的Web开发过程中,了解这些事件和方法能够让我们更有效地编写JavaScript代码来处理用户的交互动作,并对页面元素进行动态的控制。通过熟练掌握这些基本的知识点,开发者能够设计出用户体验更加流畅的网页应用...

    javascript限制文本框输入值类型的方法

    在这个示例中,我们关注的是`onkeydown`、`onblur`和`onbeforepaste`这三个事件: 1. `onkeydown`事件:当用户按下键盘上的键时触发。我们使用`event.keyCode`来检查用户按下的键对应的ASCII码。数字键的ASCII码...

    js正则表达式限制文本框只能输入数字,小数点,英文字母[文].pdf

    - 使用`replace`方法替换所有非数字字符为空字符串,从而达到仅允许输入数字的效果。 ##### 3.2 允许输入数字和小数点 ```html (isNaN(value)) execCommand('undo')" onafterpaste="if (isNaN(value)) execCommand...

Global site tag (gtag.js) - Google Analytics