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
主站蜘蛛池模板: 欧美精品久久久久 | 久久午夜视频 | 国产精品久久久久久久岛一牛影视 | 色香蕉在线 | 国产一区不卡 | 国产专区免费 | 久久久精品一区 | 亚洲社区在线 | 操人视频在线观看 | 成年视频在线观看福利资源 | 久久99精品久久久久 | 久久一区二区三区电影 | 99久热在线精品视频观看 | 色橹橹欧美在线观看视频高清 | 奇米在线 | 免费看国产一级特黄aaaa大片 | 伊人伊成久久人综合网站 | 极品电影院 | 波多野结衣中文视频 | 九九久久精品视频 | 成人小视频在线观看 | 亚洲视频欧美视频 | 先锋影音资源网站 | 国产偷录叫床高潮录音 | 精品国产精品国产偷麻豆 | 一级片免费视频 | 精品国产欧美一区二区 | 中文字幕1区2区3区 日韩在线视频免费观看 | 九九热在线精品视频 | 欧美黄色片 | 国产精品久久久久久久免费大片 | 中文字幕亚洲专区 | 亚洲色欲色欲www | 91av免费看 | 久久精品视频一区二区三区 | 成人在线免费网站 | 国产成人精品一区二区三区在线观看 | 在线精品国产 | 亚洲91 | 看亚洲a级一级毛片 | 国产高清在线 |