html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...

阻止默认事件 (两种方法)

1> event.preventDefault();

2>return false;

return false:相当于 event.preventDefault() + event.cancelBubble = false + event.stopPrapagation() 的集合；

键盘事件

事件：onkeydown 、 onkeypress 、onkeyup

键值：event.keyCode

document.onkeydown = function(e) {

e= e||window.event;

console.log( e.keyCode );if (e.keyCode === 116){

e.preventDefault();

}

onkeydown：

按下时触发，假设不抬起，会持续(多次)触发

onkeypress:

和onkeydown类似，但是只响应能键入值的键(比如ctrl 是不能键入值的，所以不能响应)

onkeyup:

抬起键时触发，一次抬起触发一次

又：

onkeydown在键入值之前触发

onkeyup在键入值之后触发

var oTxt = document.querySelector('#txt');/*oTxt.onkeydown = function (e) {

console.log( this.value );

}*/oTxt.οnkeyup= function(e) {

console.log(this.value );

}

在input框中：

oTxt.onkeydown: 依次输入1,2,3,4 console中依次出现：1,12,123。也就是说知道按下一个键时，才会触发上一个事件

oTxt.onkeyup: 依次输入1,2,3,4 console中依次出现：1,12,123, 1234。是同步进行的。

html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...相关推荐

js阻止冒泡的两种方法
冒泡是一种很有意思的现象,在我们的 js 中也有冒泡现象,让我们一起去看看吧先来看一段代码 <!DOCTYPE html> <html><head><met ...
centos7默认网卡配置文件_centos 7 bootproto CentOS 7下修改默认网卡名为eth0的两种方法...
大家都知道CentOS7默认的网卡名称是和设备名称是随机的,如果要修改网卡名称以 eth 开头,有两种方式,如下: 第一种方式这种方式适合在安装操作系统的时候进行设置, 点击 Tab,打开kerne ...
js：两种方法实现键盘按键控制
第一步:先获取按键的键码(按下哪个键) 使用DOM(文档对象模型)或者jQuery(js常用框架)实现完整代码(之后只给js部分): <!DOCTYPE html> <html&g ...
RK3326 Android 8.1 修改默认输入法为讯飞输入法——两种方法，推荐第二种（纯代码）
方法一 1:预装对应的输入法,我使用的瑞芯微方案,已经提供了方法,把APK放在对应的目录里就会预装,不具备参考性可以参考下面的博客: 是在Android7.0上操作的 https://blog.cs ...
小程序弹窗阻止滑动的两种方法
弹出 fixed 弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动. 场景1:弹窗内无滚动内容可以在弹窗最外层元素绑定touchmove事件,触发事件返回false即(在vue类框架中也可以加.st ...
用for和do..while两种方法：键盘录入一个数求阶乘的和
------------------------------------ /*键盘输入一个数求这个数的阶乘的和使用 do...while 循环例如输入 4 计算 1! + 2! + 3! + ...
简易的js获取星期几的两种方法
第一种: var a = ["日", "一", "二", "三", "四", "五&quo ...
html抽奖怎么重置,js实现抽奖的两种方法
本文实例为大家分享了js实现抽奖的具体代码,供大家参考,具体内容如下抽奖活动的原理还是很简单的,通过代码一目了然,如果看不懂就私聊我,可以私下交流! 方法一:使用table写一个随机抽奖这是htm ...
js 实现trim()的两种方法
方法一: function fn(str){var n = [];var strr = str.split('').reverse().join('');n = str.split('');for(v ...
js生成随机颜色的两种方法
1.rgb颜色生成 function rgb(){//rgb颜色随机const r = Math.floor(Math.random()*256);const g = Math.floor(Math. ...

html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...

html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...相关推荐

最新文章

热门文章

html 还原键盘默认事件,js阻止默认事件 （两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...

html 还原键盘默认事件,js阻止默认事件 （两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...相关推荐

最新文章

热门文章

html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...

html 还原键盘默认事件,js阻止默认事件（两种方法）及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解...相关推荐