养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-11 23:27:31

鼠标事件属性clientX,是当鼠标点击的时候获取鼠标在浏览器中的横向坐标

工具/原料

编辑器

浏览器

方法/步骤

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

© 一点知识