JavaScript常用事件

约定不等于承诺〃 2022-08-03 03:04 199阅读 0赞

window.onload = function () {
        var input = document.getElementsByTagName('input')[0];
        var form = document.getElementsByTagName('form')[0];
        form.οnreset= function(){
            alert('lee')
        };
    
    };
    
    :1：鼠标事件： 单击：
    input.onclick = function(){
     alert('lee');
     };
    
    双击：
    input.ondblclick = function(){
     alert('lee');
     };
    
     用户按下鼠标还未弹起时触发：
     input.onmousedown = function(){
     alert('lee');
     };
    
     用户按下鼠标松开后时触发：
     input.onmouseup = function(){
     alert('lee');
     };
    
     鼠标移动到元素时触发：
     input.onmouseover = function(){
     alert('lee');
     }; 
    
     当鼠标移出某元素时触发：  input.onmouseout = function(){
     alert('lee');
     };
    当鼠标在元素上移动时触发：
     input.onmousemove = function(){
     alert('lee');
     };
    
    
    2：键盘事件  当用户按下键盘上的任意键时触发，如果按住不放会重复触发：
     onkeydown = function () {
     alert('lee');
     };
    
     当用户按下键盘上的字符键时触发：
     onkeypress = function () {
     alert('lee');
     };
    
     当用户按下键盘上的任意键松开时触发：
     onkeyup = function () {
     alert('lee');
     };
    
     html事件：  html页面加载完后执行：
     window.onload = function(){
     };
    
     当整个页面卸载的时候执行：
     window.unonload = function(){
     };
    
     当选择文档中的一个或多个字，松开时触发：
     input.onselect = function(){
     alert('lee')
     };
    
     当光标失去焦点时触发：
     input.onchange = function(){
     alert('lee')
     };
    
     当页面或元素获得焦点时在window及相关元素上触发：
     input.onfocus = function(){
     alert('lee')
     };
    
     当页面或元素失去焦点时在window及相关元素上触发：
     input.οnblur= function(){
     alert('lee')
     };
    
     
     3：form上触发：  提交按钮：
     var form = document.getElementsByTagName('form')[0];
     form.οnsubmit= function(){
     alert('lee')
     };
    
     重置按钮：
     var form = document.getElementsByTagName('form')[0];
     form.οnreset= function(){
     alert('lee')
     };
    
     当窗口或框架大小发生变化时在window或框架上触发：
     window.onresize = function(){
     alert('lee');
     };
    
     当用户滚动带滚动条的元素时触发：
     window.onscroll = function(){
     alert('lee');
     };
    :

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中常用事件有哪些？

JavaScript是基于对象的脚本语言，它的一个最基本的特征就是采用事件鼎动。如，当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时，都可以设置相应的JavaScript

绝地灬酷狼/ 2024年03月24日 17:30/ 0 赞/ 95 阅读

相关 JavaScript中常用事件有哪些？

JavaScript是基于对象的脚本语言，它的一个最基本的特征就是采用事件鼎动。如，当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时，都可以设置相应的JavaScript

野性酷女/ 2023年10月07日 18:18/ 0 赞/ 52 阅读

相关 Electron中常用api事件-app常用事件和webContents常用事件

场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld： [https://blog.csdn.net/BADA

谁践踏了优雅/ 2023年10月06日 09:57/ 0 赞/ 59 阅读

相关 js常用事件

文章目录 1. 点击事件（绑定事件的模板） 2. 鼠标事件 2.1 鼠标左键被单击或者双击 2.2 鼠标进去或离开 2

本是古典何须时尚/ 2023年10月04日 14:46/ 0 赞/ 30 阅读

相关 jq常用事件

[https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] click(); 点击事件

柔光的暖阳◎/ 2023年06月05日 08:11/ 0 赞/ 10 阅读

相关 JavaScript 常用事件

JavaScript事件事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互

野性酷女/ 2022年12月25日 07:59/ 0 赞/ 203 阅读

相关 js常用事件

window.onload 用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload=function

分手后的思念是犯贱/ 2022年12月11日 15:17/ 0 赞/ 196 阅读

相关 JavaScript常用事件

window.onload = function () { var input = document.getElementsByTagName('inp

约定不等于承诺〃/ 2022年08月03日 03:04/ 0 赞/ 200 阅读

相关 jquery常用事件

1. 点击事件：$（“button”）.clik（function（）\{ \}）； 2. 删除事件：$（“元素”）.remove（）；

谁借莪１个温暖的怀抱￠/ 2022年06月07日 11:19/ 0 赞/ 223 阅读

相关 angularJs常用事件

ui-router禁用缓存 //配置路由 app.config(function ($stateProvider, $urlRouterProvider,

亦凉/ 2022年04月08日 09:08/ 0 赞/ 275 阅读