2017-10-05 10 views
0

Ok, j'ai quelques fonctions que le feu sur le mouvement de la souris et les clics de souris,Combinaison du mouvement de la souris et des coordonnées de clic dans l'ordre dans lequel elles se produisent dans une chaîne var pour une URL de destination?

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

Ce coordonnées d'impression qu'ils se produisent dans le console.log comme ceci:

(345,654) 
(300,100) 

Mon but est pour construire une URL de requête get dans l'ordre dans lequel les clics ou les mouvements se produisent, puis être envoyé à un db.

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

Est-ce que quelqu'un a des idées ou de l'expérience avec ce genre une requête construite en Javascript pur? Toute suggestion serait grandement appréciée ...

Répondre

1

$(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>

+0

Merci pour votre réponse vicky, le problème arrises quand je dois diffuser plusieurs sources à l'URL get et ont à construire dans la chronologie correcte commande c'est-à-dire cliquez sur, le mouvement de la souris et les frappes. – SeanAA