在Vue中輸入框自動獲取焦點的三種方式

原生js操作dom

使用mounted鉤子函式，它表示頁面一載入進來就執行函式裡面的內容（和window.onload類似）

//html部分

編號:"text" v-model=
'newid' id=
'inputid'
>
//vue物件
var vm =
newvue(,
// 注意：mounted鉤子函式的名字不能隨便取，而且它不能寫在methods屬性。
mounted()

//html部分

編號:"text" v-model=
'newid' ref=
'id'
>
//vue物件
var vm =
newvue(,
mounted()

1.vue.directive('自定義指令的名字(可以隨便取，但是全部小寫)',})

2. inserted鉤子函式，它表示自定義指令插入到標籤中的時候就執行
3. inserted鉤子函式有兩個引數（el,binding） el表示使用自定義指令的元素，binding表示自定義指令的資訊

//html部分

編號:"text" v-model=
'newid' v-myfocus>
//自定義指令
vue.
directive
('myfocus',}
)//vue物件
var vm =
newvue
(,

input輸入框自動獲取焦點

使用者名稱 密碼 focus 不生效 在執行一段指令碼時，對dom的操作應當是即時生效的。dom操作確實都是同步的。但是因dom改變而觸發的事件，以及其他一些效應 例如樣式應用 很可能是非同步的。所以，focus這裡可能是有延遲的。也有人說指令碼對dom的操作不是即時生效的，瀏覽器可能執行完當前指令...

JS基礎 輸入框獲取焦點

我是第一種方式 我是第一種方式 我是第二種方式 我是第二種方式 我是 賬號 京東 var taobao document.getelementbyid taobao var first document.getelementbyid first var second document.getelem...

Android讓文字輸入框預設不獲取焦點

專案中有個檢索功能，頁面上有個edittext輸入框，開啟頁面後，焦點預設在edittext上，這樣的話軟鍵盤預設就會顯示出來，佔據大半個螢幕。後來想辦法將這個給去掉了，原先考慮著將焦點賦給頁面上的其他元件 頁面上還有時間選擇元件 按鈕元件等 方法如下 android nextfocusup id ...