{"id":2788,"date":"2013-10-27T19:29:43","date_gmt":"2013-10-27T19:29:43","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=2788"},"modified":"2014-11-09T20:31:16","modified_gmt":"2014-11-09T20:31:16","slug":"mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/","title":{"rendered":"Mousemove &#8211; Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery"},"content":{"rendered":"<p>jQuery dispone de una funci\u00f3n muy interasante para obtener las coordenadas de la posici\u00f3n (x, y) del rat\u00f3n o mouse.<\/p>\n<p>El evento mousemove ocurre cada vez que el puntero del rat\u00f3n se mueve dentro del elemento seleccionado. Para utilizarlo en nuestras p\u00e1ginas tan solo deberemos incluir en la cabecera la librer\u00eda jQuery con la siguiente llamada a la funci\u00f3n mousemove:<\/p>\n<pre>&lt;script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n\u00a0 $(document).mousemove(function(event){\r\n\u00a0\u00a0\u00a0 $('#cordinates').text(event.pageX + \", \" + event.pageY);\r\n\u00a0 });\r\n});\r\n&lt;\/script&gt;<\/pre>\n<p>Nota: Cada vez que un usuario mueve el rat\u00f3n de un solo p\u00edxel, un evento mousemove ocurre. Toma los recursos del sistema para procesar todos los eventos mousemove. Utilice este evento con cuidado.<\/p>\n<p>Utilizar esta funci\u00f3n podr\u00eda resultar muy \u00fatil para programaci\u00f3n de juegos online ejecutados en el lado cliente (javascript).<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/scripts\/jquery\/mousemove\/\" target=\"_blank\">Ver ejemplo en funcionamiento<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery dispone de una funci\u00f3n muy interasante para obtener las coordenadas de la posici\u00f3n (x, y) del rat\u00f3n o mouse. El evento mousemove ocurre cada vez que el puntero del rat\u00f3n se mueve dentro del elemento seleccionado. Para utilizarlo en nuestras p\u00e1ginas tan solo deberemos incluir en la cabecera la librer\u00eda jQuery con la siguiente [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6169,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[167],"class_list":["post-2788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-eventos"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"jQuery dispone de una funci\u00f3n muy interasante para obtener las coordenadas de la posici\u00f3n (x, y) del rat\u00f3n o mouse. El evento mousemove ocurre cada vez que el puntero del rat\u00f3n se mueve dentro del elemento seleccionado. Para utilizarlo en nuestras p\u00e1ginas tan solo deberemos incluir en la cabecera la librer\u00eda jQuery con la siguiente [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-27T19:29:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-09T20:31:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/\",\"name\":\"Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png\",\"datePublished\":\"2013-10-27T19:29:43+00:00\",\"dateModified\":\"2014-11-09T20:31:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png\",\"width\":200,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mousemove &#8211; Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog","og_description":"jQuery dispone de una funci\u00f3n muy interasante para obtener las coordenadas de la posici\u00f3n (x, y) del rat\u00f3n o mouse. El evento mousemove ocurre cada vez que el puntero del rat\u00f3n se mueve dentro del elemento seleccionado. Para utilizarlo en nuestras p\u00e1ginas tan solo deberemos incluir en la cabecera la librer\u00eda jQuery con la siguiente [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2013-10-27T19:29:43+00:00","article_modified_time":"2014-11-09T20:31:16+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/","url":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/","name":"Mousemove - Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png","datePublished":"2013-10-27T19:29:43+00:00","dateModified":"2014-11-09T20:31:16+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/10\/mouse-cordinates.png","width":200,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/mousemove-obtener-coordenadas-de-la-posicion-del-raton-con-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mousemove &#8211; Obtener coordenadas de la posici\u00f3n del rat\u00f3n con jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/2788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=2788"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/2788\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/6169"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=2788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=2788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=2788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}