开启辅助访问
帐号登录 |立即注册
艾Q网»家园 › Web前端 › JScript实验室 › JS如何给元素添加事件

JS如何给元素添加事件

 
admin  管理员 | 2022-10-25 18:38:28 | 上一主题 | 下一主题 | 显示全部楼层 | 阅读模式
<script>
//制作案例：点击一个按钮，弹出对话框

// 知识点：事件是有三部分组成 ：1、事件源；2、事件类型 ；3事件处理程序 ；我们也称为事件三要素。

//(1) 事件源事件被触发的对象，这里是按钮对象。
var btn = document . getElementById('btn' );

//(2) 事件类型 如何触发什么事件比如鼠标点击(onclick) 还是鼠标经过还是键盘按下。

//(3) 事件处理程序 通过一个函数赋值的方式完成。
btn.onclick = function() {
alert('点秋香');
}
</script>

案例2：点击按钮改变图片
<body>
<button id="ldh"> 刘德华< / button>
<button id=" zxy" >张学友</button> <br>
<img src=" images/1dh.jpg" alt="">
<script>
//修改元素属性 src
// 1.获取元素
var ldh = document. getElementById( 'ldh');
var zxy = document . getElementById( zxy' );
var img =document . querySelector( ' img' );
// 2.注册事件处理程序
zxy .onclick = function() {
img.src =' images/zxy.jpg ”;
}
</ script>
</body>

回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

admin

管理员 楼主
1099
主题
1132
帖子
5100
积分

楼主热帖

标签云

seo 开发框架 jQurey 分页 选择器 圆角 滚动条 透明 循环 冒泡 正则表达式 Iframe HTML Discuz GD库 TP5 cookie 计时 Ajax JScript MYSQL 兼容性 API 计时器
友情链接
  • 艾Q网

    提供设计文章，教程和分享聚合信息与导航工具，最新音乐，动漫，游戏资讯的网站。