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

javascript中如何使用鼠标事件属性clientX

时间:2024-10-12 06:53:47

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

javascript中如何使用鼠标事件属性clientX

2、添加一个div,并在div中加入onmousedown事件在事件的自定义函数中返回一个对象参数

javascript中如何使用鼠标事件属性clientX

3、加入一个p标签用来显示鼠标的横向坐标,设置id为showclientx

javascript中如何使用鼠标事件属性clientX

4、为div设置css样式,设置宽度高度和边框

javascript中如何使用鼠标事件属性clientX

5、在自定义函数中用event。clientx属性获取鼠标的横向坐标

javascript中如何使用鼠标事件属性clientX

6、在浏览器打开文件,在div中点击鼠标,查看效果

javascript中如何使用鼠标事件属性clientX
© 手抄报圈