javascript_事件

2024-04-28 19:18
文章标签 java script 事件

本文主要是介绍javascript_事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在javascript脚本文件中为标签添加事件,将事件与HTML分离

var data= document.getElementById("...");
data.onclick = box;

赋值时,只要加上函数名就可以了,如果加上括号,会自动执行。

鼠标事件

onclick 单击
ondblclick 双击
onmousedown 按下还没有释放
onmouseup 释放鼠标时
onmouseover 鼠标经过区域
onmouseout 鼠标离开时
onmousemove 鼠标移动时执行

键盘事件

onkeydown 按下任意键时触发,按下不放会重复触发
onkeypress 按下字符键时触发
onkeyup 松开任意键时触发

HTML事件

onload 加载完成后执行
onunload 页面卸载的时候执行
onselect 选定文本框中文字并松开鼠标时执行
onchange 当文本框中文字改变,并失去焦点时
onfocus 获得焦点,
onblur 失去焦点时
onsubmit 表单(必须在表单form标签上触发)
onreset 重置按钮
onresize 窗口大小变化时

window.resize = function(){};

onscroll 当滚动条滚动时执行

window.onscroll

事件中的this表示绑定的对象,全局范围就是window

当不传参时,arguments[0] 表示event事件对象,浏览器默认传递一个事件对象

onclick= function(event){alert(event)// IE中是winodw.event
}

鼠标

onclick只用于左键,onmousedown 和 onmouseup支持所有键
event的button属性
0 左键
1 中键
2 右键

IE:
1 左键
2 右键
4 中键

clientX / clientY

可视区的横纵坐标(不包括被滚动条隐藏的部分)

scrennX / screenY

在屏幕上的坐标

event.screenX

scrollLeft / scrollTop

获取被滚动条隐藏的部分的高度

document.body.scrollTop

shiftKey /ctrlKey / altKey

判断是否按下shift/ctrl/alt键

if(event.shiftKey)

获取键盘返回的值

键码

键盘上的任意键,返回ASCII码,字母不区分大小写(全部转换为大写)
keyCode 返回键码
String.fromCharCode(ASCII码) 将编码转换为字符

    document.onkeydown = function(){alert("键码"+event.keyCode+String.fromCharCode(event.keyCode));}

字符编码

keypress 事件
charCode 区分大小写返回字符编码

    document.onkeydown = function(event){alert("字符编码:"+event.keyCode+String.fromCharCode(event.charCode));}

target

onclick事件中,event.target / event.srcElement可以获得与之绑定的标签对象

cancelBubble / setPropagation

取消冒泡

这篇关于javascript_事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/944042

相关文章

《Java 源码分析》:Java NIO 之 SelectionKey

《Java 源码分析》:Java NIO 之 SelectionKey 在ServerSocketChannel源码分析中我们知道当把一个channel注册到指定的Selector上时, 实际上就是将(channel,selector)封装成了一个SelectionKey对象,并将此对象保存在了Selector对象中。 SelectionKeyImpl k = new SelectionKe

《Java 源码分析》:Java NIO 之 ServerSocketChannel

《Java 源码分析》:Java NIO 之 ServerSocketChannel 在上两篇博文中,主要从源码的角度粗略的介绍了Selector.open()和selector.select()方法的内部实现。 由于Selector和ServerSocketChannel、SocketChannel配合使用,因此,有必要了解ServerSocketChannel、SocketChannel的

《Java 源码分析》:Java NIO 之 Selector(第二部分selector.select())

《Java 源码分析》:Java NIO 之 Selector(第二部分selector.select()) 上篇博文《Java 源码分析》:Java NIO 之 Selector(第一部分Selector.open())从源码的角度主要介绍了Selector.open()这个方法背后主要做了什么,发生了什么。 本篇就是第二部分:从源码的角度来看下selector.select()背后做了些什

《Java 源码分析》:Java NIO 之 Selector(第一部分Selector.open())

《Java 源码分析》 :Java NIO 之 Selector(第一部分Selector.open()) 关于Selector类主要涉及两个重要的方法,如下: 1、Selector.open() 2、select() 由于篇幅限制,这篇主要从源码的角度来介绍Selector selector = Selector.open()背后主要做了什么,发生了什么。 Selector类中的ope

Java NIO 之 ServerSocketChannel SocketChannel

Java NIO 之 ServerSocketChannel/SocketChannel ServerSocketChannel介绍 Java NIO中ServerSocketChannel是一个可以监听新进来的TCP 连接的通道。 既然是监听新的TCP连接,因此ServerSocketChannel一般用于服务器端,与Socket网络编程中的ServerSocket功能类似。 在一般的编

Java面试八股之什么是Java反射

什么是Java反射 基本概念 反射是Java语言的一个重要特性,它允许我们在运行时分析类、接口、字段、方法等组件的信息,并能够动态地操作这些组件,包括创建对象、调用方法、访问和修改字段值等。简单来说,反射提供了在程序运行时对自身结构和行为进行 introspection(内省)和 manipulation(操作)的能力。 关键API与原理 反射的核心API位于java.lang.refle

基于SpringBoot+Vue的教师个人成果管理系统

初衷 在后台收到很多私信是咨询毕业设计怎么做的?有没有好的毕业设计参考?能感觉到现在的毕业生和当时的我有着同样的问题,但是当时的我没有被骗,因为现在很多人是被骗的,还没有出学校还是社会经验少,容易相信别人。所以为了大家少踩坑,我推荐一批可以运行的毕业设计和相关资料。 有一点建议就是,计算机相关专业至少应该在毕业前把环境安装好吧 上干货 一、系统介绍 教师个人成果管理系统的设计与实

赶紧收藏!2024 年最常见 100道 Java 基础面试题(四十三)

上一篇地址:赶紧收藏!2024 年最常见 100道 Java 基础面试题(四十二)-CSDN博客 八十五、如何实现跨域? 跨域(Cross-Origin Resource Sharing, CORS)是指在Web开发中,出于安全考虑,浏览器限制了来自与当前网站不同域名、端口或协议的资源请求。跨域问题通常发生在前端需要从不同的源(域名、协议或端口)请求数据时。以下是实现跨域请求的几种常见方法:

Spring框架概述

目录 1. Spring框架的起源 2. Spring框架的构成 3. Spring的发展历程 4. Spring的开发环境 4.1. Maven安装与配置 (1)Maven的下载与安装 (2)配置Maven的环境变量 (3)本地仓库的配置 (4)镜像仓库的配置 (5)创建Maven项目 (6)Maven项目的结构 (7)Maven项目的配置文件 4.2. Tomca的安

【JVM】从可达性分析,到JVM垃圾回收算法,再到垃圾收集器

《深入理解Java虚拟机》[1]中,有下面这么一段话: 在JVM的各个区域中,如虚拟机栈中,栈帧随着方法的进入和退出而有条不紊的执行者出栈和入栈操作。每一个栈帧中分配多少内存基本上是在类结构确定下来时就已知的(尽管在运行期会由即时编译器进行一些优化,但在基于概念模型的讨论里,大体上可以认为是编译器可知的),因此这几个区域的内存分配和回收都具有确定性,在这几个区域内就不需要考虑如何回收的问题,当方