检测用户点击的水平位置的百分比
Detect the percentage of the horizontal position that users click on
我正试图从头开始制作一个滑块,就像jQuery UI一样,但我不确定如何检测用户单击滑块的水平位置。
例如,如果我点击中间的foo
div,它将返回50%。如果有的话,我就很容易相应地调整滑块的填充div宽度。
试试这个:http://jsfiddle.net/UCFtB/1/
脚本:
$("#test").mousemove(function(e){
var perc = e.offsetX/ $(this).width() * 100;
$(this).html(e.offsetX + " | " + perc + " perc");
});
相关文章:
- 如果宽度是百分比,如何设置以px为单位的图像高度
- 允许表单元格内容水平展开
- 使用javascript可以设置css动画的当前百分比
- 如何在c3js动态图表上进行平滑(水平)转换
- 当我使用高度百分比时,谷歌地图javascript api不会显示
- Javascript差异百分比数学
- 如何创建一个具有固定左右列和水平滚动的表
- 我如何使脚本使用百分比
- 通过水平滚动将页眉固定到页面顶部
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 在Javascript中计算并显示具有2个税收百分比的现有总值
- d3使用样式Tween的百分比转换
- 水平视差滚动从头开始-没有插件(jQuery)
- 具有Twitter引导程序的水平滚动表
- 计算HTML表TD中两个数字之间的百分比
- 如何从二进制int中获取百分比,每个位表示x%
- 如何避免鼠标水平滚动选项卡面板溢出
- 百分比计算错误
- 如何使JS水平内容从px滑动到响应百分比
- 检测用户点击的水平位置的百分比