判斷鼠標(biāo)點(diǎn)擊的位置是否在某個(gè)div區(qū)域內(nèi)

xi4oh4o 發(fā)布于2019-08-26 13:54 / 1755人閱讀

摘要：判斷鼠標(biāo)點(diǎn)擊的位置是否在某個(gè)區(qū)域內(nèi)，可用在右鍵菜單的顯示與隱藏等

//判斷鼠標(biāo)點(diǎn)擊的位置是否在某個(gè)div區(qū)域內(nèi)，可用在右鍵菜單的顯示與隱藏等
function isInDiv(event,divId){
    var div = document.getElementById(divId)
    var x=event.clientX
    var y=event.clientY
    var divx1 = div.offsetLeft
    var divy1 = div.offsetTop
    var divx2 = div.offsetLeft + div.offsetWidth
    var divy2 = div.offsetTop + div.offsetHeight
    return ( x < divx1 || x > divx2 || y < divy1 || y > divy2)
}

云服務(wù)器 GPU云服務(wù)器 php判斷是否點(diǎn)擊 js判斷是否已點(diǎn)擊 js怎么判斷是否點(diǎn)擊 js讓某個(gè)div隱藏

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109783.html

相關(guān)文章

原生js練習(xí)題---第五課

摘要：那該如何是好原題給出思路是讓事件負(fù)責(zé)標(biāo)記按鍵就好了，而方向鍵的事件處理使用設(shè)個(gè)周期比較小的定時(shí)器持續(xù)監(jiān)聽，由于周期小，長按時(shí)就會(huì)立刻執(zhí)行相應(yīng)的事件處理，效果更加流暢。閃爍實(shí)現(xiàn)效果閃爍簡單的一個(gè)定時(shí)器應(yīng)用，用或都可以實(shí)現(xiàn)。 0x1模擬select控件實(shí)現(xiàn)效果：5-01模擬select控件比較簡單的點(diǎn)擊事件處理，也就處理點(diǎn)擊選擇框展示菜單、點(diǎn)擊菜單選擇、點(diǎn)擊頁面任意角落隱藏菜單這三件事...

winterdawn 2019-08-19 18:11 評(píng)論0 收藏0
jQuery設(shè)計(jì)思想之理解篇

摘要：創(chuàng)建新元素的方法非常簡單，只要把新元素直接傳入的構(gòu)造函數(shù)就行了七工具方法設(shè)計(jì)思想之六除了對(duì)選中的元素進(jìn)行操作以外，還提供一些與元素?zé)o關(guān)的工具方法。八事件操作設(shè)計(jì)思想之七，就是把事件直接綁定在網(wǎng)頁元素之上。轉(zhuǎn)自：阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最廣泛的JavaScript函數(shù)庫。據(jù)統(tǒng)計(jì)，全世界排名...

newsning 2019-08-20 16:12 評(píng)論0 收藏0
溫故js系列（10）-事件event

摘要：當(dāng)用戶選擇文本框或中的一個(gè)或多個(gè)字符觸發(fā)。當(dāng)文本框或內(nèi)容改變且失去焦點(diǎn)后觸發(fā)。事件對(duì)象事件對(duì)象就是對(duì)象，通過處理函數(shù)傳遞。比如右擊文本框輸入?yún)^(qū)域，會(huì)彈出系統(tǒng)菜單點(diǎn)擊超鏈接會(huì)跳轉(zhuǎn)到指定頁面點(diǎn)擊提交按鈕會(huì)提交數(shù)據(jù)。前端學(xué)習(xí)：教程&開發(fā)模塊化/規(guī)范化/工程化/優(yōu)化&工具/調(diào)試&值得關(guān)注的博客/Git&面試-前端資源匯總歡迎提issues斧正：Event JavaScript-事件even...

Freelander 2019-08-20 10:24 評(píng)論0 收藏0
你可能不知道的JS關(guān)于選中文本區(qū)域的操作

摘要：先普及一些關(guān)于文本選擇范圍的基礎(chǔ)知識(shí)。可以調(diào)用的方法，結(jié)果就會(huì)打印出我們選擇的文本內(nèi)容。用腳本可以實(shí)現(xiàn)中包含多個(gè)的情況。表示當(dāng)前范圍是否是閉合的。則表示當(dāng)前范圍的起始和結(jié)束是同一個(gè)位置。表示共同的祖先節(jié)點(diǎn)。聲明：今天所分享的內(nèi)容，都可以直接在控制臺(tái)演示。先來思考幾個(gè)問題。1.我在一個(gè)頁面中隨意點(diǎn)了一下，沒有留下任何痕跡。你能捕捉到我剛才點(diǎn)的是哪個(gè)節(jié)點(diǎn)，以及鼠標(biāo)的落腳點(diǎn)在哪兩個(gè)字之間嗎...

0xE7A38A 2019-08-02 15:39 評(píng)論0 收藏0
你可能不知道的JS關(guān)于選中文本區(qū)域的操作

摘要：先普及一些關(guān)于文本選擇范圍的基礎(chǔ)知識(shí)?？梢哉{(diào)用的方法，結(jié)果就會(huì)打印出我們選擇的文本內(nèi)容。用腳本可以實(shí)現(xiàn)中包含多個(gè)的情況。表示當(dāng)前范圍是否是閉合的。則表示當(dāng)前范圍的起始和結(jié)束是同一個(gè)位置。表示共同的祖先節(jié)點(diǎn)。聲明：今天所分享的內(nèi)容，都可以直接在控制臺(tái)演示。先來思考幾個(gè)問題。1.我在一個(gè)頁面中隨意點(diǎn)了一下，沒有留下任何痕跡。你能捕捉到我剛才點(diǎn)的是哪個(gè)節(jié)點(diǎn)，以及鼠標(biāo)的落腳點(diǎn)在哪兩個(gè)字之間嗎...

lauren_liuling 2019-08-26 10:23 評(píng)論0 收藏0