av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JS的鼠標監聽mouseup鼠標抬起失效原因及解決

瀏覽:120日期:2022-06-09 14:39:31
目錄
  • 一、起因及解決
  • 解決:
  • 總結:

一、起因及解決

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

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

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

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

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

如下:

![上傳中...]()

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

解決:

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

總結:

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

以上就是JS的鼠標監聽:mouseup(鼠標抬起)失效的詳細內容,更多關于JS的鼠標監聽:mouseup(鼠標抬起)失效的資料請關注其它相關文章!

標簽: JavaScript
主站蜘蛛池模板: www.伊人.com | www.日韩系列 | 日本在线一区二区 | 天天摸天天看 | 久久www免费视频 | av片毛片 | 亚洲欧美日韩精品久久亚洲区 | 成人久久一区 | 91国内外精品自在线播放 | 一级毛片免费完整视频 | 亚洲第一av网站 | 国产精品成人av | 国产一区 | 91精品久久久久久久99 | 成人福利视频网站 | 在线中文字幕第一页 | 日韩欧美三区 | 国产高清毛片 | 2020国产在线 | 性在线 | 国产精品视频一区二区三区不卡 | 国产精品69毛片高清亚洲 | 欧美成人一级视频 | 亚洲精品2 | 日韩av在线免费 | 视频一区在线 | avmans最新导航地址 | 精品国产黄a∨片高清在线 成人区精品一区二区婷婷 日本一区二区视频 | 中文字幕av在线 | 91黄色片免费看 | 中文字幕在线精品 | 另类一区 | 欧美日韩一区二区三区四区五区 | 欧美一区二区在线播放 | 成人精品在线观看 | 欧美中文字幕一区 | 日韩第一区 | 四虎在线观看 | 欧美日韩专区 | 久久久精品久久 | 91香蕉嫩草 |