onkeydown-onkeypress-onkeyup

CreateTime--2016年12月17日22:28:36
Author:Marydon
onkeydown、onkeypress和onkeyup
参考链接:http://www.jb51.net/article/42263.htm
区别一
执行顺序:(优先级)
  三个事件同时在时,执行顺序
  onkeydown > onkeypress > onkeyup

<input type="text" onkeydown="console.log(1);" onkeypress="console.log(2);" onkeyup="console.log(3);"/>

  三个事件同时在时,都是alert的话,只会弹出2个alert,up事件的alert不会弹出。

<input type="text" onkeydown="alert(1);" onkeypress="alert(2);" onkeyup="alert(3);"/>

区别二

  onkeydown和onkeypress事件响应的时候输入的字符并没有被系统接受,不能改变输入流
  而响应onkeyup的时候,输入流已经被系统接受,可以改变输入流,
  所以利用onkeyup事件可以改变输入到文本框的内容

时间: 2024-11-08 04:59:39

onkeydown-onkeypress-onkeyup的相关文章

js 键盘事件(onkeydown、onkeyup、onkeypress)

onkeypress 这个事件在用户按下并放开任何字母数字键时发生.系统按钮(例如,箭头键和功能键)无法得到识别. onkeyup 这个事件在用户放开任何先前按下的键盘键时发生. onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生. 总结: onkeydown 的使用范围大于onkeypress 原文地址:https://www.cnblogs.com/xuwebdesign/p/10398209.html

js概览

JavaScript语言由三部分组成: ---核心(ECMAScript) ---文档对象模型(DOM,Document Object Model) ----浏览器对象模型(BOM,Bdrowser Object Model) JavaScript的用途 客户端JavaScript 服务器端JavaScript --客户端数据计算 ----分布式计算 ---表单输入验证 -----实时服务器 ---浏览器事件的触发和处理 ------窗口应用 ---网页特殊显示效果制作 -----网络应用 --

总结oninput、onchange与onpropertychange事件的用法和区别

前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效:而onkeydown/onkeypress/onkeyup在处理复制.粘贴.拖拽.长按键(按住键盘不放)等细节上并不完善. onpropertychange属性可

jsonp跨越请求百度搜索api,实现下拉列表提示

题目来源: 最近在做百度IFE前端技术学院的题,然后有一题就是模拟百度搜索智能提示.题目是开源的,稍后给出地址. 因为博主没学过后端啊,欲哭无泪,所以不能实现后端模糊搜索,那如果前端ajax纯粹请求一份同样的数据,效果就不好. 机智的博主直接把百度搜索api借来一下. 直接从开发者工具,监控网络,找到请求地址. 百度api: 我把api缩减了一下,删除了大部分暂时用不上的参数. https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=abc

组件的详细说明和生命周期ComponentSpecs and Lifecycle

render ReactComponent render() render() 方法是必须的. 当调用的时候,会检测 this.props 和 this.state,返回一个单子级组件.该子级组件可以是虚拟的本地DOM 组件(比如 <div /> 或者 React.DOM.div()),也可以是自定义的复合组件. 你也可以返回 null 或者 false 来表明不需要渲染任何东西.实际上,React渲染一个<noscript> 标签来处理当前的差异检查逻辑.当返回 null 或者 

总结oninput、onchange与onpropertychange事件的用法和区别 书写搜索的神奇代码

总结oninput.onchange与onpropertychange事件的用法和区别 最近手机开发一个模糊搜索的功能组建,在网上就找到这篇文章! 前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效:而onkeyd

RemoveXss函数主要用于跨站脚本的过滤

//Remove the exploer'bug XSS function RemoveXSS($val) {?? $val = preg_replace('/([\x00-\x08,\x0b-\x0c,\x0e-\x19])/', '', $val);?? ?? $search = 'abcdefghijklmnopqrstuvwxyz';?? $search .= 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';?? $search .= '[email protected]#$%

web移动端兼容

移动端总结和手机兼容问题 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> (部分安卓手机的UC浏览器写完以后还是可以放大缩小) 忽略将页面中的数字识别为电话号码 <meta name="f

XSS过滤器Bypass的一些姿势

XSS 攻击是一种攻击者将 JavaScript 代码注入到用户运行页面中的攻击.为了避免这种攻击,一些应用会尝试从用户输入中移除 JavaScript 代码,但这很难完全实现.在本文中会先展示一些尝试过滤 JavaScript 的代码,并随后给出其绕过方法. 以一个网上商城应用 Magento 中的过滤类 Mage_Core_Model_Input_Filter_MaliciousCode 为例,部分代码如下: protected $_expressions = array(     '/(\