jquery - 点击跟踪位置

标签 jquery css

如何以百分比跟踪我在元素中点击的位置?

基本上,它用于 slider ...我想在单击 slider 后跟踪指针移动的位置(CSS left 属性,单位为 %)。

最佳答案

试试这个:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   $("#special").click(function(e){
      var xP = e.pageX * 100 / $(e.target).width();
      var yP = e.pageY * 100 / $(e.target).height();
      $('#status2').html(xP +', '+ yP);
   }); 
})
</script>
<body>

<h2 id="status2">
0, 0
</h2>
<div style="width: 100px; height: 100px; background:#ccc;" id="special">
Click me anywhere!
</div>
</body>
</html>

关于jquery - 点击跟踪位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6168922/

相关文章:

html - CSS调整图像大小不接受参数

css - Grunt 不再编译 less

javascript - Angular 指令 ng-repeat 输入将焦点设置为使用添加按钮添加的新选项

javascript - 为什么没有调用第二个 javascript 函数?

javascript - autocomplete() 中的 minChars 不起作用

css - Angular 2 : ElementRef get CSS padding attribute

javascript - 如何在ajax提交时获取AjaxUpload OnSubmit事件中下拉列表的当前选定值

jquery - xml 解析需要属性?!支柱?

javascript - 拉伸(stretch)图像以适应多边形 html5 Canvas

Javascript 3 种方式切换