久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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

瀏覽:133日期: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
主站蜘蛛池模板: 通榆县| 太仆寺旗| 拉萨市| 甘南县| 甘肃省| 乳源| 五大连池市| 布拖县| 宕昌县| 合肥市| 佛教| 磴口县| 盐池县| 康定县| 平湖市| 河北区| 舞钢市| 天等县| 镶黄旗| 蓬莱市| 谢通门县| 黄梅县| 玉树县| 澄江县| 抚宁县| 嘉善县| 霸州市| 太湖县| 平度市| 沙坪坝区| 米林县| 桂林市| 汶上县| 北宁市| 平邑县| 玉门市| 黄龙县| 璧山县| 滨海县| 灵武市| 锡林郭勒盟|