javascript - 将鼠标移动和点击坐标按照它们发生的顺序组合成一个 var 字符串以获取 url?

标签 javascript jquery dom get mouseevent

好的,我有一些在鼠标移动和鼠标单击时触发的函数,

$(document).mousemove(function(e){
var pageCoords =e.pageX + "," + e.pageY;
prefix='&mousemove='
console.log(pageCoords);});

当它们发生在 console.log 中时,此打印坐标如下所示:

(345,654)
(300,100)

我的目标是按照点击或移动发生的顺序构造一个获取查询 URL,然后将其发送到数据库。

var= '&mousemove=(345,654),(300,100)&click=(300,100)&mousemove=(670,500)

有人对这种用纯 Javascript 构建的查询有任何想法或经验吗?任何建议将不胜感激...

最佳答案

$(document).mousemove(function(e){
var pageCoords =e.pageX + "," + e.pageY;
prefix='&mousemove='
$("#get").html(pageCoords);
$.ajax({
        type: 'POST',
        url: '../your url',//url for send data
        data: { movements :$(this).html(pageCoords) },
        success: function(pageCoords)
        {
            $("#get").html(pageCoords);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 id="get"></h1>

关于javascript - 将鼠标移动和点击坐标按照它们发生的顺序组合成一个 var 字符串以获取 url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46585147/

相关文章:

JavaScript 用逗号分割数组

javascript - Angularjs 按钮加载状态并在调用服务器休息时禁用

javascript - 谷歌可视化数据表filterRows

javascript - 为什么我会收到这两个错误?

javascript - IE 支持 DOM importNode

java - 我可以创建 Web 应用程序以在没有互联网的情况下在智能手机上使用吗?如何?

jQuery 移动元素类型更改后的 div

javascript - 在 jquery 中增加 $_SESSION 索引

javascript - 访问深度嵌套 DOM 节点的智能方法

javascript - 使用 jQuery 计算直接子 div 元素