javascript核心技术(二十四)事件类型(八)onchange oninput

[复制链接]
查看: 1194|回复: 31
发表于 2023-1-24 19:50:49 | 显示全部楼层 | 阅读模式
onchange 当内容被改变且失去焦点后触发
oninput 当内容被改变时持续触发

请看以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="t" value="">
    <script type="text/javascript">
        var d = document.getElementById('t');//获取input标签
        //当内容改变且失去焦点时触发
        d.onchange = function(){
            console.log('onchange');
        }
        //当内容改变时触发
        d.oninput = function(){
            console.log('oninput');
        }
    </script>
</body>
</html>


javascript核心技术(二十四)事件类型(八)onchange oninput

以上,我们给input标签绑定了onchange和oninput事件。
当鼠标点击input内部获得焦点,然后再点击input外部失去焦点,onchange和oninput事件全部不会触发。
当在input输入内容时持续触发oninput事件。
当在input输入内容后,再点击input外部,input失去时onchange触发了。


javascript核心技术(二十四)事件类型(八)onchange oninput

大家亲自动手测试一下以加深印象。

易博软件介绍
发表于 2023-2-19 11:33:09 | 显示全部楼层
学无止尽,多谢楼主,让我们为中国的软件事业做点什么吧!

0

主题

11

帖子

6

积分

营销入门

Rank: 2

积分
6
发表于 2023-3-3 03:07:07 | 显示全部楼层
是啊,受益匪浅!!!

1

主题

183

帖子

95

积分

营销菜鸟

Rank: 3Rank: 3

积分
95
发表于 2023-3-12 22:32:30 | 显示全部楼层
你好,我看了你的文章真的给我很深的感染,我是一名学生,现在在学习程序,不过我们学校教我们好几名程序,每名都教一点,我觉的我一名也没有学好,我现在学习VB我觉我对这名很感兴趣。你说的一点也不错,老师教我们就是对着书,给你说一下,我很想多少一些。

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-23 00:10:34 | 显示全部楼层
^曾经的我,也是有那么点爱编程,学得还可以吧,可是等到我毕业去面试的,没有一个公司愿意录我,那个伤心呀!,后来有程序员招聘也不敢去,所以现在离那个很遥远了!

0

主题

29

帖子

16

积分

营销入门

Rank: 2

积分
16
发表于 2023-3-30 15:35:11 | 显示全部楼层
学习!!!!!!!!!!!!!!!

2

主题

160

帖子

84

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
84

终身会员

发表于 2023-4-4 11:41:29 | 显示全部楼层
^感动,真的很有感情,  我喜欢.  祝福作者早日成为一个高手编程员

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-4-9 08:41:31 | 显示全部楼层
我是初次来这里!要是早知道有这个论坛我早就进来了!我现在在读计算机专业,计算机科学与技术,现在学的数据结构我不太懂,老师要我们编程,基本上是不会动笔阿!主要是我们现在学的是C++版的!而我们大一的时候学的是C语言!虽然说C和C++区别不大,但编程思想不一样啊!所以以后还请大家帮帮我啊!
发表于 2023-4-13 22:31:42 | 显示全部楼层
真的是让很受用,谢谢你的文章。  真的是学无止境啊!

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-4-18 19:43:23 | 显示全部楼层
well
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表