知道用户点击的位置

时间:2014-06-03 13:36:22

标签: html web

我正在寻找创建一个带有用户反馈的网页,用户可以在页面的某个元素中点击该网页,如果用户留下便条,则会为用户输入一个评论框以输入详细信息将被留在他们点击的地方。当用户滚动时,此音符指示必须移动,以便音符不会远离它留下的元素。

这可能吗?我一直试图在谷歌搜索这个,但我似乎只是得到如何禁用右键单击。

如果可能,我在哪里可以找到相关信息。

干杯

2 个答案:

答案 0 :(得分:1)

通过 JS 获取用户点击的坐标:

(function() {
    window.onmousedown = handleMouseMove;
    function handleMouseMove(event) {
        event = event || window.event; // IE-ism
        console.log(event.clientX);
        console.log(event.clientY);
    }
})();

这里有一个如何移动用户点击的 DIV 的示例:

(function() {
    window.onmousedown = handleMouseMove;
    function handleMouseMove(event) {
        event = event || window.event; // IE-ism
        console.log(event.clientX);
        moveDiv(event.clientX,event.clientY);
    }
})();

    function moveDiv(x_pos,y_pos){
        var d = document.getElementById('myDiv');
        d.style.left = x_pos + "px";
        d.style.top = y_pos + "px";
    }

Example

答案 1 :(得分:0)

首先,获取鼠标点击坐标:getting the X/Y coordinates of a mouse click on an image with jQuery

将元素置于' position:absolute'在指定地点。