廢話少說，見官方文檔： 他的用法是：document.getElementById('username').focus(); 這樣寫在display:block;顯示之後就可以自動激活input輸入框啦！ 這並不是最有意思的地方，最有意思的地方是他可以觸發該元素的 相應 事件； 接下來來舉個慄子： ...
廢話少說，見官方文檔：
他的用法是：document.getElementById('username').focus(); 這樣寫在display:block;顯示之後就可以自動激活input輸入框啦！
這並不是最有意思的地方，最有意思的地方是他可以觸發該元素的 相應 事件；
接下來來舉個慄子：
<body> <input type="text" id="name"/> <button id="btn">點擊獲取焦點</button> </body> <script type="text/javascript"> document.getElementById('btn').onclick = function(){ document.getElementById('name').focus(); }; document.getElementById('name').onfocus = function(){ alert(1); }; </script>
當然這個有趣的地方顯得卵用不是很大，希望這個細節能給你解決問題的方法
另外一個就是select()方法：該方法是選中該區域的內容，在點擊按鈕進行複製文本的時候常用到
既然說到點擊選中複製，附送一份點擊實現Ctrl+c的功能函數
function copyXq(id){ //選中文字 document.getElementById(id).select(); //創建range對象，代表頁面上一段連續的區域 const range = document.createRange(); //selectNode ： 選擇整個節點，包括子節點 //selectNodeContents:選擇節點的子節點 range.selectNode(document.getElementById('name')); //window.getSelection()方法獲取滑鼠劃取部分的起始位置和結束位置 const selection = window.getSelection(); //rangeCount方法返回選區(selection)中range對象數量的只讀屬性 if(selection.rangeCount > 0) selection.removeAllRanges(); //老子翻譯不出來了，這B怎麼有那麼多方法 selection.addRange(range); document.execCommand('copy'); alert("複製成功！"); };
該隨筆主要是因為，萌新在剛開始走前端的時候一些細節會難以處理，所以記下的該筆記，那麼，前路昭然，你我共進。
