| JavaScript中的常用事件 | 您所在的位置：网站首页 › js加载中事件 › JavaScript中的常用事件 |
|
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、回调函数java中也有回调函数机制： public class MyClass{ public static void main(String[] args){ // 主动调用run()方法，站在这个角度看run()方法叫做正向调用。 run(); } // 站在run方法的编写者角度来看这个方法，把run方法叫做回调函数。 public static void run(){ System.out.println("run..."); } }js中回调函数:回调函数的特点: 自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数. // 对于当前程序来说,sayHello函数被称为回调函数(callback函数) // 回调函数的特点:自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数. function sayHello() { alert("hello~~"); }3、事件的注册3.1、什么是事件的注册（绑定）？其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。 3.2、注册事件的两种方式（静态注册事件、动态注册事件）静态注册事件：通过 html 标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。 function sayHello() { alert("hello js!"); }动态注册事件： 是指先通过 js 代码得到标签的 dom 对象，然后再通过 dom 对象.事件名 =function(){}这种形式赋于事件响应后的代码，叫动态注册。动态注册基本步骤：1、获取标签对象2、标签对象.事件名 =fucntion(){} function dynamic(){ alert("动态注册事件1"); } // 第一步:先获取这个钮对象() /* document:是 JavaScript语 言 提 供 的 一 个 对 象 （ 文 档 ), document是 JavaScript语 言 提 供 的 一 个 对 象 （ 文 档 ), get: 获 取 Element:元 素 （ 就 是 标 签 By:通 过 。 。 由 。 。 经 。 。 。 Id: id 属 性 getElementById: 通 过 id 属 性 获 取 标 签 对 */ var btnobj1 = document.getElementById("mybtn1"); // 第二步:给钮对象的onclick属性赋值 btnobj1.onclick = dynamic;// 注意:千万别加小括号. btnObj.onclick = doSome();这是错误的写法. // 这行代码的含义是,将回调函数doSome注册到click事件上. var btnobj2 = document.getElementById("mybtn2"); btnobj2.onclick = function(){// 这个函数没名字,叫做匿名函数,这个匿名函数也是一个回调函数. alert("动态注册事件2");// 这个函数在页面打开的时候只是注册上,不会被调用,在click事件发生之后才会调用. } document.getElementById("mybtn3").onclick = function () { alert("动态注册事件3"); } 4.通过keydown事件演示回车键13，ESC键27 // 回车键的键值是13 // ESC键的键值是27 window.onload = function () { /* var keyvalue = document.getElementById("key"); keyvalue.onkeydown = function (event) { // 获取键值对象 alert(event);// 什么键显示都为[object KeyboardEvent] // 对于“键盘事件对象"来说,都keyCode属性用来获取键值. alert(event.keyCode);//回车键显示13 } */ var keyvalue = document.getElementById("key"); keyvalue.onkeydown = function (event) { if(event.keyCode == 13){ alert("正在进行验证") } } }————————————————版权声明：本文为CSDN博主「少年西西」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_45554909/article/details/111480593 |
| CopyRight 2018-2019 实验室设备网 版权所有 |