撰写时间:2019年1月19日
首先我们要给html設置一些基本样式创建与引入一个js文件
我们给box1一个id,然后给box1设置一个position(定位);可以是absolute(绝对定位);也可以是relative(相对定位)我都实驗了一次,这里我使用了fixed(固定定位)给盒子设置定位是为了后面用js获取到鼠标不动了怎么办的位置,接下来就是核心的JavaScript部分了其实玳码也不多,就短短几行
先写个window的onclick(点击事件)在事件里面写js代码,获取到box1的id后我们定义一个变量来获取到事件对象,为解决浏览器兼容性问题然后需要在function里面传入变量(ev),
e.clientX是获取到鼠标不动了怎么办X轴的位置e.clientY是获取到鼠标不动了怎么办Y轴的位置,当鼠标不动了怎么办点击屏幕任意位置时box1就会根据获取到的鼠标不动了怎么办位置,然后移动到那个位置我的理解是这样的,如果有错欢迎指正,下面我们来看看控制台输出获取到的值
这只是部分没截完整,下面还有很多不知道什么的鼠标不动了怎么办值
这是我点击屏幕不同的位置获取到的不同的值
这样我们就能实现鼠标不动了怎么办点哪里图片就会移动到哪里的效果了!!!