jQuery回應滑鼠事件並隱藏與顯示input預設值

首頁

web前端

js教程

jQuery回應滑鼠事件並隱藏與顯示input預設值_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:38 PM

input 預設值滑鼠事件

分享下jQuery如何隱藏並顯示 input 預設值的範例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7724

Java教學

1643

CakePHP 教程

1396

Laravel 教程

1290

PHP教程

1233

Related knowledge

學會使用Vue的v-on指令處理滑鼠移入移出事件 Sep 15, 2023 am 08:34 AM

學會使用Vue的v-on指令處理滑鼠移入移出事件滑鼠移入移出事件是Web頁面中常見的互動效果之一，Vue中提供了v-on指令，可以方便地處理這些事件。本文將介紹如何使用Vue的v-on指令來處理滑鼠移入移出事件，並提供具體的程式碼範例。在使用Vue的v-on指令處理滑鼠移入移出事件之前，我們需要先了解v-on指令的基本用法。 v-on指令用於監聽DOM事件，並在事

laravel input隱藏域怎麼實現 Dec 12, 2022 am 10:07 AM

laravel input隱藏域的實作方法：1、找到並開啟Blade模板檔案；2、在Blade模板中使用method_field方法來建立隱藏域，其建立語法為「{{ method_field('DELETE') }}」。

vue3怎麼封裝input元件和統一表單數據 May 12, 2023 pm 03:58 PM

準備工作用vuecreateexample建立項目，參數大概如下：用原生input原生的input，主要是value和change，資料在change的時候需要同步。 App.tsx如下：import{ref}from'vue';exportdefault{setup(){//username就是資料constusername=ref('張三');//輸入框變化的時候，同步資料constonInput=;return( )=>({

JavaScript中的事件類型：常見的鍵盤與滑鼠事件 Sep 03, 2023 am 09:33 AM

JavaScript提供了廣泛的事件，讓您可以與網頁上的使用者操作互動並做出回應。在這些事件中，鍵盤和滑鼠事件是最常用的。在本文中，我們將了解JavaScript中不同類型的鍵盤和滑鼠事件，並查看如何使用它們的範例。鍵盤事件當使用者與鍵盤互動時，例如按下某個鍵、釋放某個鍵或鍵入字符，就會發生鍵盤事件。鍵盤事件讓我們可以做一些很酷的事情，例如檢查使用者是否在表單中正確輸入了某些內容，或者在按下特定鍵時發生某些操作。就好像網站正在監聽您按下的鍵並做出相應的反應。鍵盤事件分為三種類型：keydown事件

點選input框沒有遊標怎麼辦 Nov 24, 2023 am 09:44 AM

點選input框沒有遊標的解決方法：1、確認輸入框焦點；2、清除瀏覽器快取；3、更新瀏覽器；4、使用JavaScript；5、檢查硬體設備；6、檢查輸入框屬性；7、調試JavaScript程式碼；8、檢查頁面其他元素；9、考慮瀏覽器相容性。

Vue中的v-on指令：如何處理滑鼠事件 Sep 15, 2023 am 11:39 AM

Vue中的v-on指令：如何處理滑鼠事件，需要具體程式碼範例Vue.js是一款流行的JavaScript框架，它採用元件化的方式來建立使用者介面。在Vue中，可以使用v-on指令來處理各種滑鼠事件，例如點擊、懸停、捲動等。本文將介紹如何使用v-on指令處理滑鼠事件，並提供具體的程式碼範例。在Vue中，v-on指令用於綁定事件處理函數。它的語法是v-on:事件名，例如

Vue文件中的input框綁定事件詳解 Jun 21, 2023 am 08:12 AM

Vue.js是一種輕量級的JavaScript框架，具有易用、高效和靈活的特點，是目前廣受歡迎的前端框架之一。在Vue.js中，input框綁定事件是十分常見的需求，本文將詳細介紹Vue文件中的input框綁定事件。一、基礎概念在Vue.js中，input框綁定事件指的是將輸入框的值綁定到Vue實例的資料物件中，從而實現輸入和回應的雙向綁定。在Vue.j

Vue文檔中的input框回車事件和驗證函數使用方法 Jun 20, 2023 am 09:13 AM

Vue是一個流行的JavaScript前端框架，它的核心是響應式資料綁定和元件系統。在Vue的應用程式中，input框是最常用的UI元素之一。在使用者輸入文字時，我們希望可以監聽回車事件，並且在提交前對輸入內容進行驗證。本篇文章將介紹Vue文件中的input框回車事件和驗證函數使用方法。一、Vue中input框回車事件在Vue中監聽input框的回車事件非常簡

See all articles

jQuery回應滑鼠事件並隱藏與顯示input預設值_jquery

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題