vue js獲取div位置

2021-09-28 15:08:45 字數 357 閱讀 7813

vue js獲取div的上偏移量

let top =

this

.$refs.mydiv.offsettop

offset().top和offsettop一些區別(不全)

其一,offset().top是jquery的,需要引入jquery才能用

其二,參照物件不同,offset().top是相對於根容器頂端的,或者叫整個文件頂端,而offsettop相對容器可變,一般是設定了position(不包括absolute這種脫離文件的)的父容器

原生js獲取div其他位置和尺寸

參考博文

vuejs 移動端 實現div拖拽移動

本文講述,在使用vue的移動端實現類似於iphone的懸浮窗的效果。touchstart 當在螢幕上按下手指時觸發 touchmove 當在螢幕上移動手指時觸發 touchend 當在螢幕上抬起手指時觸發 mousedown mousemove mouseup對應的是pc端的事件 touchcanc...

可編輯div游標位置

參考 mdn上提示這些api不穩定。應該是相容ie9 谷歌,火狐 1.var sel window.getselection 變數sel是當前頁面被選中區域 2.var objrange sel.getrangeat 0 獲得選中區域的range物件 startoffset和endoffset代表了...

可編輯div獲取焦點位置和選擇區域的文字

一般來說文字輸入框是可以用input 單行 和textarea 多行 的,但是,如果想在文字中間插入之類的非文字節點,或者文字設定不同的樣式,這時候兩個就不行了。可以用可編輯的div來實現。把乙個div設定成可編輯的,只需要把新增屬性 contenteditable true 就可以了。比如 asd...