js操作輸入框提示訊息且回應滑鼠事件_javascript技巧

我們經常遇到一些輸入框，例如註冊網站的輸入框就有預設提示值，當取得滑鼠焦點的時候，預設值被刪除，當使用者沒輸入東西焦點離開的時候，又恢復預設提示值。這個方法用js程式碼實作如下：

html程式碼：

複製程式碼 程式碼如下:

程式碼如下:

程式碼如下: 程式碼如下:

js程式碼：




複製程式碼


程式碼如下:


function fn_focus(ele){

if(ele.value == ele.defaultValue){ ele.value = ''; } } function fn_blur(ele){ var reg = /^[s]*$/; if(reg.test(ele.value) || ele.value == ele.defaultValue){ ele. value = ele.defaultValue; } }