<dl id="r7hd5"><delect id="r7hd5"></delect></dl>
<dl id="r7hd5"><i id="r7hd5"><font id="r7hd5"></font></i></dl><dl id="r7hd5"><i id="r7hd5"><meter id="r7hd5"></meter></i></dl>
<video id="r7hd5"></video><dl id="r7hd5"><delect id="r7hd5"></delect></dl>
<dl id="r7hd5"><delect id="r7hd5"></delect></dl><dl id="r7hd5"></dl>
<video id="r7hd5"></video> <video id="r7hd5"></video><dl id="r7hd5"></dl><dl id="r7hd5"><i id="r7hd5"><meter id="r7hd5"></meter></i></dl>
<dl id="r7hd5"><i id="r7hd5"></i></dl>
<dl id="r7hd5"></dl><dl id="r7hd5"></dl>
<video id="r7hd5"><i id="r7hd5"></i></video><dl id="r7hd5"></dl><dl id="r7hd5"></dl>
<video id="r7hd5"><i id="r7hd5"><delect id="r7hd5"></delect></i></video>
<i id="r7hd5"></i>
<video id="r7hd5"></video>
<dl id="r7hd5"><delect id="r7hd5"></delect></dl>
溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JS的鼠標監聽mouseup鼠標抬起失效如何解決

發布時間:2023-07-14 10:51:55 來源:億速云 閱讀:138 作者:栢白 欄目:開發技術

本篇文章和大家了解一下JS的鼠標監聽mouseup鼠標抬起失效如何解決。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

一、起因及解決

由于很少使用除了click的監聽事件,今天在使用mouseup時遇到一個坑,找了好久的bug。事情是這樣的,我在寫一個表情框,為了實現鼠標拖動表情框時,移動到相應的位置。所以配合使用到了mousedown和mouseup和mosemove。

1.mosedown: 用于鼠標按下進行選中該表情區域為可拖動;

2.mosemove:鼠標移動時,判斷表情區域是否可拖動,,若可拖動,則開始允許拖動;

3.mouseup: 鼠標抬起該表情區域不可拖動;

但是我遇到的問題是,鼠標按下時,該表情區域可以拖動,但是鼠標松開時,表情區域還是可以根據我的鼠標位置進行拖動。

如下:

![上傳中...]()

JS的鼠標監聽mouseup鼠標抬起失效如何解決

可以看到,我鼠標松開時,本來不可以移動的,但是現在卻可以移動,后來研究了一下,發現表情區域怎么被我選中變色了,然后查了一下使用css禁止選中,就正常了。如下:

解決:

// 表情盒子樣式
  .emojiBox {
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

JS的鼠標監聽mouseup鼠標抬起失效如何解決

總結:

其實mouseup并沒有失效,而是你拖動時,鼠標選中了其他的元素,其實的話,鼠標即使松開,瀏覽器內部還是認為用戶在復制文字,鼠標還是按下的狀態,所以不會觸發mouseup事件。

以上就是JS的鼠標監聽mouseup鼠標抬起失效如何解決的簡略介紹,當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多,歡迎關注億速云行業資訊頻道哦!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

国语自产精品视频_91超碰人人澡夜夜澡_欧美777精品久久久久网_97精品国产一区二区三区_久久婷婷大香萑太香蕉av 精品一久久香蕉国产线看观 无码草草草在线观看 国产v亚洲v天堂a无码 国产日韩一区二区三区免费高清 天天爽夜夜爽欧美精品视频 国产午夜福利在线观看红一片 国产午夜精品理论片 芒果一二三区乱码天天看隐藏入口 国产高清女人高潮对白 91久久精品日日躁
<dl id="r7hd5"><delect id="r7hd5"></delect></dl>
<dl id="r7hd5"><i id="r7hd5"><font id="r7hd5"></font></i></dl><dl id="r7hd5"><i id="r7hd5"><meter id="r7hd5"></meter></i></dl>
<video id="r7hd5"></video><dl id="r7hd5"><delect id="r7hd5"></delect></dl>
<dl id="r7hd5"><delect id="r7hd5"></delect></dl><dl id="r7hd5"></dl>
<video id="r7hd5"></video> <video id="r7hd5"></video><dl id="r7hd5"></dl><dl id="r7hd5"><i id="r7hd5"><meter id="r7hd5"></meter></i></dl>
<dl id="r7hd5"><i id="r7hd5"></i></dl>
<dl id="r7hd5"></dl><dl id="r7hd5"></dl>
<video id="r7hd5"><i id="r7hd5"></i></video><dl id="r7hd5"></dl><dl id="r7hd5"></dl>
<video id="r7hd5"><i id="r7hd5"><delect id="r7hd5"></delect></i></video>
<i id="r7hd5"></i>
<video id="r7hd5"></video>
<dl id="r7hd5"><delect id="r7hd5"></delect></dl>