| 点击div时判断点击在左边还是右边？ | 您所在的位置：网站首页 › rf和lf是左边还是右边 › 点击div时判断点击在左边还是右边？ |
点击div时判断点击在左边还是右边？
|
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、代码部分二、效果图总结 前言在网上看了一些关于监听点击事件的，然后自己写了一个鼠标点击div时，判断是点击在左边还是右边。废话不多说，直接上菜 提示：以下是本篇文章正文内容，下面案例可供参考 一、代码部分 DOCTYPE html> 点击div时判断点击位置是左还是右 .box { width: 300px; height: 120px; background: #4e92e1; margin: auto; padding: 0 auto; text-align: center; line-height:120px; } function fun(dom) { //距离左边屏幕距离 var leftLength = dom.getBoundingClientRect().left; //当前鼠标点击距离左边屏幕的位置 var clickWidth=event.clientX; //本元素所占的宽多少 var this_width = dom.clientWidth; //点击位置-本div距离左边距离 = 点击在本div中的位置 var x = clickWidth - leftLength; if((this_width/2) > x){ alert("左边") } else { alert("右边") } } div盒子 二、效果图
以上就是今天要讲的内容，本文仅仅简单做个小功能。 |
【本文地址】
公司简介
联系我们