1. 程式人生 > >settimeout = 0 的 問題

settimeout = 0 的 問題

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"
> <meta charset="utf-8"> <meta name="Description" content="SUperman"> <style type="text/css"> </style> </head> <body> <h2>1、未使用 <code>setTimeout</code></h2> <button id="makeinput">生成 input</button> <
p id="inpwrapper"></p> <h2>2、使用 <code>setTimeout</code></h2> <button id="makeinput2">生成 input</button></h2> <p id="inpwrapper2"></p> </body> <script type="text/javascript"> (function(){ function get(id){ return
document.getElementById(id); } function log(a){ console.log(a) } window.onload = function(){ get('makeinput').onmousedown=function(){ var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('value', 'test1'); get('inpwrapper').appendChild(input); input.focus(); } get('makeinput2').onmousedown = function(){ var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('value', 'test1'); get('inpwrapper2').appendChild(input); setTimeout(function(){input.focus();},0); } } })(); </script> </html>