onkeypress与onkeydown及 oncopy和onpaste 事件区别详细说明

摘要:
2.按键不能用作系统按钮。当用户按下并释放任何字母数字键时,就会出现按键。箭头键和功能键)无法识别。当用户释放任何先前按下的键盘键时,就会出现Onkeyup。当用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时,就会出现Onkeydown。发生肿瘤和粘连。在Javascript中,有相应的事件可以监视复制和粘贴。

onkeypress与onkeydown

具体区别: 
1. 一个放开一个没有放开,onkeydown 先于 onkeypress 发生。 
2.onkeypress 无法系统按钮。 
2.onkeydown 捕获的 keyCode 不区分字母大小,而 onkeypress 区分。 

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。 
onkeyup 是在用户放开任何先前按下的键盘键时发生。 
onkeydown 是在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生

 oncopy和onpaste

        在Javascript中,有相应的事件可以监听复制和粘贴,那就是oncopy和onpaste。

       oncopy: 

  • demo:
    • [javascript] view plaincopy
       
      1. <body oncopy="alert('不能复制');return false;">  
      2.     你能复制我吗?  
      3. </body>  
  • 使用场景:
    • 很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据。以前的起点阅读小说时,就是不允许复制内容,现在更狠,把左键选择内容和右键菜单也都屏蔽了。

         onpaste:

    • demo
      • [javascript] view plaincopy
         
        1. <input type="text" nane="cardNum" onpaste="return false;" />  
    • 使用场景:
      • 网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性。

免责声明:文章转载自《onkeypress与onkeydown及 oncopy和onpaste 事件区别详细说明》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇北洋大讲堂之“斯凯网络CEO宋涛我的创业之路”感想cdn技术浅谈 大风起下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

MyBatis-使用XML或注解的简单实例

一.导入jar包 <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</ver...

SpringBoot+Redis集成简单测试

1、创建SpringBoot项目 准备:idea、redis   2、配置 2.1 maven依赖       <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spr...

element 表单校验失败自动聚焦到失败的input框

1.在对应的input框上添加ref属性,直接根据ref就可精确地获取到元素 <el-form-item label="课程名称" :label-width="formLabelWidth+'px'" prop="title"> <el-input ref="title" v-model="form.title" plac...

vue项目中导出PDF的两种方式

参考大家导出的方式,基本上是如下两种: 1.使用 html2Canvas + jsPDF 导出PDF, 这种方式什么都好,就是下载的pdf太模糊了。对要求好的pdf这种方式真是不行啊!2.调用浏览器自身的方法。window.print() 来打印(打印时可选下载),这种方式打印出来很清楚,但纯在浏览器兼容问题。 谷歌浏览器比较好用点。 两种导出pdf清晰...

WPF设置样式的几种方式

第一种方式是直接使用Setter来进行,可以对Background等进行设置。 <Window.Resources> <Style TargetType="Button"> <Setter Property="Background" Value="Red"/> </Style>&...

Jmeter+ant+Jenkins实现接口自动化平台及报告发送

项目中实现了比较方便的自动化体系,一直没时间总结一下,现抽空整理一番,废话不多说  内容如下: 一、环境准备  jmeter : 编写接口脚本,实现接口测试 ant  :静默执行jmeter脚本,并生成测试报告 jenkins  :集成接口测试到项目流程,实现定时运行及接口测试报告邮件发送 ------以上准备工作可以百度自行安装,工具安装环境无依赖,把环...