码龄10年 暂无认证

34150
访问 1
等级

8
获赞 3
评论

热门文章

最新评论

  • 20240228阿⑤

    积分乍获得

  • 20231124ziher

    666

  • 20230909八月老师

    什麼時候發佈易語言支持庫呢

1.2 JavaScript操作DOM之事件基础

heart 2024-04-27 11:49:07 发布 239

分类专栏： JS事件 文章标签： JS事件

1.事件的三要素

1. 事件源 （谁）
2. 事件类型 （什么事件）
3. 事件处理程序 （做啥）

2 案例：点击按钮弹出警示框

image-20240201121532324.png

// 获取事件源（按钮）
// 注册事件（绑定事件），使用 onclick
// 编写事件处理程序，写一个函数弹出 alert 警示框
var btn = document.getElementById('btn');
btn.onclick = function() {
  alert('你好吗');  
};

3.事件步骤

1，// 获取事件源
2. // 注册事件（绑定事件）
3. // 添加事件处理程序（采取函数赋值形式）

4.常见的鼠标事件


*鼠标事件**触发条件*
onclick鼠标点击左键触发
onmouseover鼠标经过触发
onmouseout鼠标离开触发
onfocus获得鼠标焦点触发
onblur失去鼠标焦点触发
onmousemove鼠标移动触发
onmouseup鼠标弹起触发
onmousedown鼠标按下触发

Heart1
0 0 上传作业
X
    网友评论 0条评论 0人参与
    请登陆会员1

    表情

    评论列表

×