亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

js判斷鼠標(biāo)單擊或者雙擊事件 js雙擊事件參數(shù)


js判斷鼠標(biāo)單擊或者雙擊事件 js雙擊事件參數(shù)

文章插圖
大家好,我是前端菜鳥李不白,今天帶給大家的是js中,一個小小的點擊案例 。
通過每個盒子的點擊去完成與用戶的交互 。
那么如何去做呢?
首先我們先寫一個div,給它一些樣式,方便我們觀察 。
寫完之后效果如下圖 。
接下來要做什么呢?要做的是,在我們點擊這個高為200的盒子之后,讓它變成高為500的盒子 。再次點擊之后,再讓它回到兩百 。
怎么做呢?看代碼 。
首先先來一個script標(biāo)簽 。
再寫一行box.onclick=function(){ },這里給盒子起的ID名可以直接拿過來用,而不用來一遍聲明 。意思是,當(dāng)我盒子點擊后,我需要做什么?需要做的那個事的行為,就要放在中括號里 。
那么我們要干什么事呢?讓這個盒子第一次點擊,由原來的高200,長高到500 。第二次點擊由高500,減肥到原來的200 。
這里需要用到什么?需要用到一個判斷語句 。
if(){ }else{ }
這行代碼如上圖所示,寫在function那個中括號里 。
那么怎么判斷呢?如果,我點擊之前高是200,那么點擊之后它就發(fā)生改變 。
box.style.height=“500px”;
發(fā)生點擊后,讓那個盒子的高度樣式改變,變成500 。如果,我點擊之前它不是200,那么點擊之后就要變成200 。
這行代碼是在else的中括號里,這樣寫 。
box.style.height=“200px”;如圖 。
到了這一步,按照以上寫完的代碼走,你會發(fā)現(xiàn)點擊沒反應(yīng) 。因為啥呢?因為我根本不知道原來的盒子是什么樣子,我無法去做出判斷,執(zhí)行我的改變 。
那么我們這里要用到布爾值,因為我們只要最終的兩個結(jié)果,而布爾值就是兩個結(jié)果,一個ture,一個false 。
我們需要添加這樣一行代碼 。let libubai=true;
因為這個頁面每一次刷新出來高都是200,那么我就可以用這行代碼,聲明一個變量 。默認(rèn)這個值是200 。再把這個變量名,添加到if的小括號里去 。
然后你點擊的時候它會判斷,哦,這已經(jīng)是二百了,那么我要執(zhí)行第一個方案,當(dāng)它是200的時候,我要讓它變高,變成五百 。如下圖 。
這時候你會發(fā)現(xiàn),再次點擊盒子是不變的,盒子沒有從500變成200 。為什么?雖然盒子變成500了,但是它沒有感受到盒子已經(jīng)是500的這個條件 。那么我們需要添加一行代碼了,告訴它盒子是500了 。
在box.style.height=“500”;這行代碼下面加一行代碼 。
libubai=false 。
因為最開始默認(rèn)變量值是200 。這里我點擊一次改變了高度,所以變量值從原來的ture,變成了false 。因為我們只有兩個高度,所以這個false代表了五百的高度 。
也就是說我點擊了一次,高度變成了500,變量值也要跟上是500 。同理,當(dāng)我再次點擊的時候,判斷一次這個盒子,它是200嗎?如果是,就變500 。很顯然它不是,那么執(zhí)行第二套方案,它是500嗎?是,那就變成200 。
好了,這里我變了,那個變量值要不要跟上?當(dāng)然要跟上 。已經(jīng)變成了200,那么200又是默認(rèn)值,默認(rèn)值為ture 。所以,在else里的box.style.height=“200px”;的下一行這么寫 。
libubai=true 。
以上就是這個小案例的所有思路和步驟,可能解說不是那么完美,我會努力完善自己的 。
然后我個人理解,這個if和else中括號里的這兩行代碼libubai=ture,libubai=false,作用是啥呢?
好有一比,這個判斷語句是個盲人,看不到外形,只能通過語言了解狀態(tài) 。好了,我外形改變了,你卻看不到我的帥,那怎么可以???我當(dāng)然要親口告訴你了,我很帥,然后你才知道我很帥嘛!hiahiahia 。


以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助: