JavaScript事件处理函数及其使用列表 事件处理函数 影响的元素 何时发生 onabort 图像 当图像加载被中断时 onblur 窗口、框架、所有表单对象 当焦点从对象上移开时 onchange...表单复位按钮 单击表单的reset按钮 onresize 窗口 当选择一个表单对象时 onselect 表单元素 当选择一个表单对象时 onsubmit 表单 当发送表格到服务器时 PS：所有的事件处理函数都会都有两个部分组成...input.onchange = function () { alert('Lee'); }; focus：当页面或者元素获得焦点时在window及相关元素上面触发。...input.onblur = function () { alert('Lee'); }; submit：当用户点击提交按钮在元素上触发。...form.onsubmit = function () { alert('Lee'); }; reset：当用户点击重置按钮在元素上触发。
onsubmit事件只能通过单击提交按钮触发。（通过回车也能触发该事件）如果直接调用表单的submit()方法将不会触发onsubmit事件处理程序。...）进行提交，将会在提交前触发onsubmit事件。...其过程如下 先触发onsubmit事件 → 接着调用submit()方法完成提交。 重置触发的事件 当用户单击重置按钮，将会触发onreset事件。...当onclick事件处理程序能概念化为跟随此链接时用一个链接，否则用按钮。 提交和重置元素本就是按钮，不同的是它们有与之相关联的默认动作。 即，按钮和超链接类似，都具有共同的作用。...当用户单击按钮，会触发onclick事件，由于改变状态会触发onchange事件，但是，当用户单击其他单选按钮而导致这个单选按钮状态的改变，后者不触发onchange事件。
onclick = "clicktest('次奥')"/> 2.鼠标移动事件 Mousemove：鼠标移动时触发事件 鼠标跟随效果 Mouseover：鼠标从元素外，移动元素之上，信息提示...} } } 请输入用户名： 5.键盘事件 使用场景：没有提交按钮...，我们一般采用回车进行提交 Demo: javascript"> window.onload = function(){ document.getElementById...产生一个event对象 ，传递默认方法 6.form的提交、重置事件 submit/reset onsubmit = "return validateForm" 对表单进行校验 7.改变事件 onchange...制作select联动效果 ---- 省市联动 重点 ： onclick 、onchange 、onblur、 onsubmit 8.默认事件的阻止和传播阻止 使用场景极为常见，超链接用户点击后，取消了不发生跳转
onmousedown 鼠标按钮被按下。 onmousemove 鼠标被移动。 onmouseout 鼠标从某元素移开。 onmouseover 鼠标移到某元素之上。...onreset 重置按钮被点击。 onresize 窗口或框架被重新调整大小。 onselect 文本被选中。 onsubmit 确认按钮被点击。 onunload 用户退出页面。...2 onmouseenter 当鼠标指针移动到元素上时触发。 2 onmouseleave 当鼠标指针移出元素时触发 2 onmousemove 鼠标被移动。...(<body 和 <frameset) 2 表单事件 属性 描述 DOM onblur 元素失去焦点时触发 2 onchange 该事件在表单元素的内容改变时触发( <input, <keygen,...和 <textarea) 2 onsubmit 表单提交时触发 2 剪贴板事件 属性 描述 DOM oncopy 该事件在用户拷贝元素内容时触发 oncut 该事件在用户剪切元素内容时触发 onpaste
我们在控件上设置onChange属性，因此当控件上的值更新时，我们更新相应的state变量。...form表单上的button元素具有submit类型，所以每当按钮被点击时，form表单上的submit事件就会被触发。...当form表单被提交时，我们在handleSubmit函数中使用event.preventDefault() ，以此来阻止form表单页面刷新。...useRef钩子创建了一个普通的JavaScript对象，但在每次渲染时都给你相同的ref对象。换句话说，它几乎是一个带有.current属性的记忆化对象值。...当表单被提交时，获取输入控件值的另一种方法是，使用name属性访问表单元素。
例如在页面载入完毕时，将触发onload()事件； 当用户单击按钮时，将触发按钮的onclick事件等。 ...常用事件： onabort: 对象载入被中断时触发 onblur: 元素或者窗口本身失去焦点时触发 onchange: 改变时触发，当光标的焦点在按钮上，并按enter键也会触发 ondblclick: 双击鼠标左键时触发 onmousedown: 单击任何一个鼠标按键时触发... onmousemove: 鼠标在某个元素上移动时持续触发 onmouseout: 鼠标从指定的元素上移动开始触发 onmouseover: 鼠标移动到某个元素时触发... onscroll: 在任何滚动条的元素或者窗口上滚动时触发 onsubmit: 单击提交按钮时，在上触发 2：事件处理 事件处理程序是用来响应某个事件而执行的处理程序
失去焦点的时候产生什么样的效果 demo查看 2.onfocus 元素获得焦点时触发事件，和onblur相反 demo查看 3.onchange 当元素值被改变的时候触发事件 <input type="...') } onchange和oninput有相似的地方，都是改变文本内容时触发事件 但是onchange是在input失去焦点时才触发，oninput是立刻触发 demo查看...} demo查看 10.onsubmit 当表单被提交时触发 要把事件绑定到form标签里面 onsubmit="myfun()"> <!...键盘事件 1.onkeydown 按下任意键时触发，包括系统按钮，箭头和功能键 demo查看 2.onkeypress 按下任意字母数字键时触发，但系统按钮，箭头和功能无法识别 3.onkeyup 松开任何之前按下的键盘时触发...都是鼠标进入元素触发 区别： 1. over在进入元素时触发，但在元素内部移动时不触发 move是进入元素时和在元素里面移动时都触发 2. over优先触发，然后才触发move 8.onmousewheel
我们知道，JavaScript共由三部分组成：EMCAScript（基本语法）、BOM（浏览器对象模型）、DOM。...ondblclick 当用户双击对象时触发。 onmousedown 当用户用任何鼠标按钮单击对象时触发。 onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。...鼠标移动相关： onmouseout 当用户将鼠标指针移出对象边界时触发。 onmousemove 当用户将鼠标划过对象时触发。 焦点相关的： onblur 在对象失去输入焦点时触发。...onfocus 当对象获得焦点时触发。 其他： onchange 当对象或选中区的内容改变时触发。 onload 在浏览器完成对象的装载后立即触发。...onsubmit 当表单将要被提交时触发。 location对象 此对象是浏览器地址栏对象，所以我们能够改变地址栏信息，或者进行其他的一些改变。
onerror: 当发生JavaScript运行时错误与资源加载失败时触发。 onabort: 发送到window的中止abort事件的事件处理程序，不适用于Firefox 2或Safari。...onreset: 窗口内表单重置时触发。 onselect: 窗口内表单元素中文本被选中时触发。 onsubmit: 窗口内表单中submit按钮被按下触发。...ondblclick: 当双击页面时调用事件句柄。 oncontextmenu: 在点击鼠标右键打开上下文菜单时触发。 onmousedown: 鼠标按钮被按下时触发。...onmousemove: 当移动鼠标时触发。 onmouseout: 鼠标移出窗口时触发。 onmouseover: 鼠标移动到窗口时触发。...onreset: 表单重置时触发。 onsearch: 用户向搜索域输入文本时触发。 onselect: 用户在输入框内选取文本时触发。 onsubmit: 表单提交时触发。
onunload在用户从页面离开时发生 form表单事件 onblur当元素失去焦点时触发 onchange在元素的元素值被改变时触发 onfocus当元素获得焦点时触发 onreset当表单中的重置按钮被点击时触发...onselect在元素中文本被选中后触发 onsubmit在提交表单时触发 keyboard键盘事件 onkeydown在用户按下按键时触发 onkeypress在用户按下按键后，按着按键时触发。...该属性不会对所有按键生效，不生效的有，alt,ctrl,shift,esc onkeyup当用户释放按键时触发 mouse鼠标事件 onclick当元素上发生鼠标点击时触发 onblclick当元素上发生鼠标双击时触发...onmousedown当元素上按下鼠标按钮时触发 onmousemove当鼠标指针移动到元素上时触发 onmouseout当鼠标指针移出元素时触发 onmouseover当鼠标指针移动到元素上时触发...onmouseup当在元素上释放鼠标按钮时触发 media媒体事件 onabort当退出时触发 onwaiting当媒体已停止播放但打算继续播放时触发。
：onmousemove 当鼠标移动时，在状态栏显示鼠标的位置 javascript"> var x=0,y=0; function MousePlace()... onkeyup事件 当键盘中的按键被按下然后松开时触发，比如将用户输入的字符转换为大写...，一般用于下拉文本框 表单提交与重置事件 onsubmit：用来检验表单的正确性 onreset：用来清空表单中的文本框 <form name="form1" onReset="return...T) { alert("提交信息不允许为空"); } return T; } 13.2.4 文本编辑事件 复制事件 oncopy事件是指用户复制内容时触发 ...document.getElementById("tel").focus(); return false; } /*运行到这里说明验证通过返回true submit提交按钮起作用提交表单
加载完毕事件----onload 表单提交事件---onsubmit 键位弹起事件---onkeyup 常用鼠标事件 鼠标移入事件----onmouseover 鼠标移出事件---onmouseout...域内容改变事件：元素组件的值发生改变时触发 代码演示: 当Body标签加载完毕时，弹出一个对话框--> 大忽悠和小朋友 ---- 表单提交事件—onsubmit 代码演示...-- 表单提交按钮被点击----- 执行run1() onsubmit 用于表单的校验 该事件能够控制表单的提交 true 表单成功提交 false 阻止表单提交...，键盘键位弹起时，触发该事件 代码演示: <!
onchange：在元素的元素值被改变时触发。 onfocus：当元素获得焦点时触发。 onreset：当表单中的重置按钮被点击时触发。 ...onselest：在元素中文本被选中后触发。 onsubmit：在提交表单时触发。 3、Keyboard键盘事件 onkeydown：在用户按下按键时触发。 ...onmousedown：当在元素上按下鼠标按钮时触发。 onmousemove：当鼠标指针移动到元素上时触发。 onmouseout：当鼠标指针移出元素时触发。 ...onmouseover：当鼠标指针移动到元素上时触发。 onmouseup：当在元素上释放鼠标按钮时触发。 5、Media媒体事件 onabort：当退出时触发。 ...onwaiting：当媒体已停止播放但打算继续播放时触发。
前言 相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript...1.事件 1).鼠标事件 onclick #鼠标单击 ondblclick #双击鼠标 onmousedown #鼠标按钮被按下。 onmousemove #鼠标被移动。...键盘事件 onkeydown #按键被按下 onkeypress #按键被按下并松开 onkeyup #按键被松开 3)框架事件 onabort 图像的加载被中断 onerror 在加载文档或图像时发生错误...4).表单对象 onblur 元素失去焦点 onchange 文本域的内容被改变 onfocus 元素获得焦点 onreset 重置按钮 onselect 文本选中 onsubmit 确认提交 总结...这篇文章主要结束了JavaScript的事件知识。
（Node.js 的事件模型、浏览器插件WebExtensions技术的事件模型） 1.3 事件冒泡及捕获 当一个事件发生在具有父元素的元素上时，浏览器运行两个不同的阶段 - 捕获阶段和冒泡阶段。...例如，媒体记录器 API 有一个dataavailable事件，它会在录制一些音频或视频时触发，并且可以用来做一些事情 (例如保存它，或者回放)。...onblur 鼠标失去焦点事件 onfocus 鼠标获得焦点事件 onmousedown 鼠标按下事件 onmouseup 鼠标弹起事件 onload 页面载入完成事件 onsubmit 表单提交事件...: 函数返回true表单提交 onsubmit=" return Function" onchange 失去焦点并且值发生改变事件 onkeyup 键盘弹起事件 onkeydown...键盘按下事件 onscroll 滚动条滚动 onresize 窗口变大变小 onmove 窗口移动 onmousemove 在鼠标指针移到指定的对象时发生 注：网络事件不是 JavaScript 语言的核心
内容发生改变事件 onsubmit 表单提交事件 DOM 模型 Document 对象 Document 对象中的方法介绍 节点的常用属性和方法 JavaScript 介绍 Javascript 语言诞生主要是完成页面的数据验证...返回第一个为假的表达式的值 || 或运算 第一种情况：当表达式全为假时，返回最后一个表达式的值 第二种情况：只要有一个表达式为真。...//true alert( b && a );//true alert( a && d ); // false alert( a && c ); // null || 或运算 第一种情况：当表达式全为假时...onchange 内容发生改变事件： 常用于下拉列表和输入框内容发生改变后操作 onsubmit 表单提交事件： 常用于表单提交前，验证所有表单项是否合法。...事件名 = function(){} formObj.onsubmit = function () { // 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交
1、事件监听机制概述 事件监听机制，指的是某些组件被执行了某种操作后，触发某些代码的执行。 事件：某些操作，如：单击、双击操作，键盘按下了，鼠标移动了。...事件源：组件，如按钮、文本输入框； 监听器：代码。 注册监听：将事件、事件源、监听器结合在一起，当事件源上发生了某个事件，则触发执行某个监听代码。...，定义方法时，定义一个形参接受event对象，event的属性可以获取鼠标哪个键被点击了（左键0，中键1，右键2） 2、onmousemove：鼠标被移动...域的内容被改变 2、onselect 文本被选中 7）表单事件：1、onsubmit 确认按钮被点击，方法返回false，则阻止表单提交 ...2、onreset 重置按钮被点击 【举例】基本事件示例 <!
前言 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。...onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发, , , 和 ...onfocus 元素获取焦点时触发 onsubmit 表单提交时触发 onload 加载页面 onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)...20170417224839696-1584175751.jpg" onload="load_something();"> onclick 点击事件 onclick 点击事件 ,当按钮被点击时执行...onblur 当元素失去焦点的时候触发 使用示例 onfocus 获取焦点 和 onblur 失去焦点
如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中： onclick=JavaScript HTML 事件的例子： 当用户点击鼠标时 当网页已加载时 当图片已加载时...当鼠标移动到元素上时 当输入字段被改变时 当 HTML 表单被提交时 当用户触发按键时 在本例中，当用户点击时，会改变 元素的内容： 实例 <h1 onclick="this.innerHTML...实例 向 button 元素分配一个 onclick 事件： 点我 在上面的例子中，当点击按钮时，会执行名为 displayDate...当按钮被点击时，将执行函数。 ---- onload 和 onunload 事件 当用户进入或离开页面时，会触发 onload 和 onunload 事件。...事件可用于在鼠标指针移动到或离开元素时触发函数。
，当元素失去焦点时触发 onchange，在元素的值被改变时触发 onfocus，当元素获得焦点时触发 onreset，当表单中的重置按钮被点击时触发 onselect，在元素中文本被选中后触发...onsubmit，在提交表单时触发 keyboard 键盘事件： onkeydown，在用户按下按键时触发 onkeypress，在用户按下按键后，按着按键时触发。...onmousedown，当元素上按下鼠标按钮时触发 onmousemove，当鼠标指针移动到元素上时触发 onmouseout，当元素指针移出元素时触发 onmouseup，当元素上释放鼠标按钮时触发...Media媒体事件 onabort，当退出时触发 onwaiting，当媒体已停止播放但打算继续播放时触发 4....reset 重置按钮（点击按钮，会触发form表单的reset事件） submit 提交按钮（点击按钮，会吃饭form表单的submit事件） email 专门用于输入 e-mail url 专门用于输入
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
