千家信息网

javascript中常用的事件是什么

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,这篇文章主要介绍"javascript中常用的事件是什么"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"javascript中常用的事件是什么"文章能帮助大家解
千家信息网最后更新 2025年01月19日javascript中常用的事件是什么

这篇文章主要介绍"javascript中常用的事件是什么"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"javascript中常用的事件是什么"文章能帮助大家解决问题。

javascript中的常用事件有:1、点击事件(onclick和ondblclick);2、焦点事件(onblur和onfocus);3、加载事件(onload);4、鼠标事件;5、键盘事件;6、选择和改变事件;7、表单事件。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JS中的事件:

  • 概念:某些组件被执行了某些操作后,触发某些代码的执行。

  • 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了

  • 事件源:组件。如: 按钮 文本输入框…

  • 监听器:代码。

  • 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。

1、常用事件

1)点击事件:

  • onclick:单击事件

  • ondblclick:双击事件

2)焦点事件

  • onblur:失去焦点

  • onfocus:元素获得焦点。

3)加载事件:

  • onload:一张页面或一幅图像完成加载。

4)鼠标事件:

  • onmousedown 鼠标按钮被按下。

  • onmouseup 鼠标按键被松开。

  • onmousemove 鼠标被移动。

  • onmouseover 鼠标移到某元素之上。

  • onmouseout 鼠标从某元素移开。

5)键盘事件:

  • onkeydown 某个键盘按键被按下。

  • onkeyup 某个键盘按键被松开。

  • onkeypress 某个键盘按键被按下并松开。

6)选择和改变事件

  • onchange 域的内容被改变。

  • onselect 文本被选中。

7)表单事件:

  • onsubmit 确认按钮被点击。

  • onreset 重置按钮被点击。

2、事件的注册

3.1、什么是事件的注册(绑定)?

其实就是告诉浏览器,当事件响应后要执行哪些操作代码,叫事件注册或事件绑定。

3.2、注册事件的两种方式(静态注册事件、动态注册事件)

静态注册事件:通过 html 标签的事件属性直接赋于事件响应后的代码,这种方式我们叫静态注册。

function sayHello() {    alert("hello js!");}

动态注册事件: 是指先通过 js 代码得到标签的 dom 对象,然后再通过 dom 对象.事件名 =function(){}这种形式赋于事件响应后的代码,叫动态注册。

动态注册基本步骤:

1、获取标签对象

2、标签对象.事件名 =fucntion(){}

通过keydown事件演示回车键13,ESC键27

关于"javascript中常用的事件是什么"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

0