分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js事件驱动机制

发布时间:2023-09-06 01:58责任编辑:胡小海关键词:js

基本概念

js是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候,会产生一个事件,该事件会驱动某些函数来处理。

事件驱动原理

事件源:产生事件的地方(html元素)
事件(名称):点击/鼠标操作/键盘操作等等
事件对象:当某个事件发生时,可能会产生一个事件对象,该事件对象会 封装好该事件的信息,传递给事件处理程序
事件处理程序:响应用户事件的代码

案例1:监听鼠标点击事件,并能够显示鼠标点击的位置x,y

<html> ???<head> ???????<script> ???????????function test(e){ ???????????????window.alert("x=" + e.clientX + "y=" + e.clientY); ???????????} ???????</script> ???</head> ???<body style="width: 100px; heigth: 80px; border: 1px solid red" onmousedown="test(event)"></body></html>

js事件驱动机制

原文地址:https://www.cnblogs.com/miacara94/p/9149399.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved