JS学习之事件监听
本文最后更新于156 天前,其中信息可能已过时,如有错误请发送邮件到lh2406923301@163.com

PS:在学习完黑马的课后,我觉得还是需要总结归纳一下,不然总是学了后面忘了前面。这样的话后期复习回顾也方便同时可以记录自己的一个学习过程。

事件:HTML事件是HTML元素上面发生的事情。例如:

  • 按钮被点击
  • 鼠标移动到元素上
  • 按下键盘按键

事件监听:JavaScript可以在事件被检测到时执行代码

事件绑定的两种方法:

  • 方式一:通过HTML标签中的事件属性(onclick)进行绑定:
<input type="button" onclick="fun1()" value="提交按钮"
<script>
	function fun1(){
		alert('提交按钮被点击了');
}
</script>

方式二:通过DOM元素属性进行绑定:

<input type="button" id="btn" value="提交按钮">

<script>
    document.getElementById('btn').onclick=function(){
        alert('提交按钮又被点击了');
    }
</script>

常见事件:

事件名说明
onclick鼠标单击事件
onblur元素失去焦点
onfocus元素获得焦点
onload某个页面或图像完全被加载
onsubmit提交表单时触发该按键
onkeydown某个键盘按键被按下
onmouseover鼠标移动到某元素之上
onmouseout鼠标从某元素上移开

文末附加内容
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
PoweredWordPress
Copyright 2025-2025 Xing
Running Time days H M S
Theme Argon