手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

javascript中如何使用onmouseenter事件

时间:2024-10-13 07:28:35

1、创建一个名称为onmouseenter的html文件

javascript中如何使用onmouseenter事件

2、在文档区域插入一个图片,设置宽度和高度,在图片中加入onmouseenter事件,事件中加入自定义函数

javascript中如何使用onmouseenter事件

3、在图片下加入两个p标签,当触发事件后在p标签中提示

javascript中如何使用onmouseenter事件

4、创建自定义函数,当触发onmouseenter时调用该函数,并重新设置图片的宽度和高度。

javascript中如何使用onmouseenter事件

5、获取p标签对象,对p标签赋值提示内容

javascript中如何使用onmouseenter事件

6、在浏览器中打开该文件,当鼠标移动到图片的时候,图片会方法,p中内容会提示已经出发了onmouseenter事件

javascript中如何使用onmouseenter事件
javascript中如何使用onmouseenter事件
© 手抄报圈