php中input的onclick,onkeydown、onkeyup、onclick、onchange、oninput、onpropertychange 的用法和区别
onkeydown、onkeyup、onclick
onkeydown 是按键按下时触发;
onkeyup 是按键弹起时触发;
onclick 是按键按下并弹起时触发。
有一种情况,就是按住按键不放,此时会不断地触发 onkeydown,但 onkeyup、onclick 只是在抬起按键的时候触发一次。
要实时检测正在输字的文本框中输入了多少文字,怎么办?
用 onkeyup 不可取!
因为我们前面讲过,如果按住按键不放,文字会一直输进去,可是 onkeyup 只触发一次。况且如果不是按键,是鼠标右键粘贴怎么办?
用 onkeydown 不可取!
onkeydown 虽然会不断地触发,但是在它触发的时候,文字还没有输入进去。
用 onchange 不可取!
下面会讲原因。
onchange、oninput、onpropertychange
这三个属性都可用于文本框,从字面上理解 onchange 是文本框内容改变时触发,但实际是有限制的:
一、只有人工触发才有效,如果利用 JavaScript 程序改变是没有效果的。
二、只有当文本框失去焦点时才触发,也就是说并不是我们在打字的时候就会触发,而是在打完这后,焦点移出去之后,才触发,这点相当不爽。
而 oninput、onpropertychange 是为了弥补 onchange 的缺陷产生的,它们虽然不能解决第一个问题,但解决第二个问题已经不错了。
oninput 是 Chrome 支持的,onpropertychange 是 IE 支持的。
(资源库 www.zyku.net)
栏 目:PHP教程
下一篇:php获取随机字符串的几种方法
本文标题:php中input的onclick,onkeydown、onkeyup、onclick、onchange、oninput、onpropertychange 的用法和区别
本文地址:https://www.zyku.net/php/2244.html
您可能感兴趣的文章
- 09-08修改CentOS默认yum源为国内yum镜像源
- 10-03taptap怎么开启夜间功能
- 03-17帝国CMS提示页使用Layui弹出框消息提
- 12-25冥想睡眠-冥想睡眠应用软件功能介绍
- 01-11春暖爱阅读课程-春暖爱阅读课程应用软
- 01-11嗨图壁纸-嗨图壁纸应用软件功能介绍
- 11-25苹果手机如何设置120帧
- 02-20用国内软件源为Ubuntu的apt-get提速方
- 02-21DedeCMS列表页及内容页模板调用文章评
- 01-12Primeter-Primeter应用软件功能介绍
- 02-21一加9pro开启无线投屏设置方法
- 01-25Python使用scipy保存图片的一些注意点
- 10-01微博直播怎么开悬浮播放
- 01-12智慧狐象棋-智慧狐象棋应用软件功能介
- 01-11心对-心对应用软件功能介绍
- 01-12dedecms5.6 arclist分页的实现方法
- 02-19一加9性能模式开启教程
- 06-25天翼云
- 09-18荣耀magic3pro如何设置三键导航
- 04-01华为手机智慧多窗应用栏开启方法
最近更新
阅读排行
猜你喜欢
- 09-16vivoz1在哪里设置出厂模式
- 02-25真我gtneo应用隐藏设置方法
- 03-01WordPress移除仪表盘(dashboard)页面
- 01-11蓝鸽智慧校园通-蓝鸽智慧校园通应用软
- 02-14华为nove7隐藏屏幕刘海设置教程
- 03-27PHP 判断变量的类型总结
- 10-11iOS15快速删除软件步骤分享
- 10-15支付宝蚂蚁森林云守喵活动在哪里参与
- 12-29小语种翻译-小语种翻译应用软件功能介
- 02-20一加9手机更改指纹样式方法