如何以百分比跟踪我在元素中点击的位置?
基本上,它用于 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/