jquery計算鼠標(biāo)和指定元素之間距離的方法
更新時間：2015年06月26日 11:53:34 作者：不吃皮蛋
這篇文章主要介紹了jquery計算鼠標(biāo)和指定元素之間距離的方法,涉及jQuery針對頁面位置屬性與鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了jquery計算鼠標(biāo)和指定元素之間距離的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
(function() {
var mX, mY, distance,
$distance = $('#distance span'),
$element = $('#element');
function calculateDistance(elem, mouseX, mouseY) {
return Math.floor(Math.sqrt(Math.pow(mouseX - (elem.offset().left+(elem.width()/2)), 2) + Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2)));
}
$(document).mousemove(function(e) {
mX = e.pageX;
mY = e.pageY;
distance = calculateDistance($element, mX, mY);
$distance.text(distance);
});
})();
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- 淺談jQuery頁面的滾動位置scrollTop、scrollLeft
- jQuery中scrollLeft()方法用法實例
- jQuery 位置函數(shù)offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
- jquery計算出left和top,讓一個div水平垂直居中的簡單實例
- 用Jquery選擇器計算table中的某一列某一行的合計
- 一個簡單的jQuery計算器實現(xiàn)了連續(xù)計算功能
- jQuery實現(xiàn)購物車多物品數(shù)量的加減+總價計算
- jQuery 計算iframe 窗口大小的方法
- jQuery計算textarea中文字?jǐn)?shù)(剩余個數(shù))的小程序
- 基于jQuery的計算文本框字?jǐn)?shù)的代碼
- jQuery居中元素scrollleft計算方法示例
相關(guān)文章
本篇文章主要介紹了jQuery實現(xiàn)移動端Tab選項卡效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了jQuery 獲取兄弟元素的幾種不錯方法,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jquery中對于批量deferred的處理方法，有需要的朋友可以參考一下2014-01-01
jQuery 淡出一個圖像到另一個圖像的實現(xiàn)代碼
這篇文章主要介紹了jquery的hover事件實現(xiàn)兩個圖片的淡出切換效果，需要的朋友可以參考下2013-06-06
jQuery+正則+文本框只能輸入數(shù)字的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query+正則+文本框只能輸入數(shù)字的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jQuery表格插件datatables用法匯總，DataTables是一個非常強大的表格插件，感興趣的小伙伴們可以參考一下2016-03-03
jquery dialog open后,服務(wù)器端控件失效的快速解決方法
本篇文章是對jquery dialog open后,服務(wù)器端控件失效的快速解決方法。進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery表單事件實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了利用jq讓你的div居中的好方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)最簡單實用的分秒倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02