php-如何在div中检测鼠标光标的位置

这个问题已经在这里有了答案：            >            Find mouse position relative to element                                    20个
我有一个100像素宽的矩形范围,我希望用户从0-100％中选择.

他们沿宽度单击div的任何位置,即保存的值,并立即使用ajax向用户显示.因此,如果他们恰好在div的中间单击,则保存的值为50％.

我想不出一种优雅的方法！有小费吗？

解决方法:

考虑使用< input type =“ range” />与< span>一起使用

-编辑-

作为回应,通过this plugin添加了对Firefox的后备支持

07001

Demo Fiddle: http://jsfiddle.net/V3ygq/

的HTML

将范围放在您的100px宽< span>内.

 

<div id="console">...</div>
<span id="container">
     <input id="myRange" type="range" min="0" max="100" />
</span>

jQuery的

在change()上,使用值做一些事情：

$(function () {
    $("#myRange").on('change', function () {
        // Pull out value, set html of #console DIV
        $("#console").html($(this).val());
    });
    // Set initial value of #console
    $("#myRange").trigger('change');
});

的CSS

将范围选择器隐藏在< span>中,但仍允许单击以更改其值

#container {
    width: 100px;
    background: #333;
}
#container input {
    opacity: 0;
}