Rumah hujung hadapan web tutorial js jQuery bertindak balas kepada peristiwa tetikus dan menyembunyikan serta memaparkan nilai lalai input_jquery

jQuery bertindak balas kepada peristiwa tetikus dan menyembunyikan serta memaparkan nilai lalai input_jquery

May 16, 2016 pm 04:38 PM
input nilai lalai peristiwa tikus

Kongsi contoh cara jQuery menyembunyikan dan memaparkan nilai lalai 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>
Salin selepas log masuk
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan medan tersembunyi input laravel Bagaimana untuk melaksanakan medan tersembunyi input laravel Dec 12, 2022 am 10:07 AM

Cara melaksanakan medan tersembunyi input laravel: 1. Cari dan buka fail templat Blade 2. Gunakan kaedah method_field dalam templat Blade untuk mencipta medan tersembunyi Sintaks penciptaan ialah "{{ method_field('DELETE') }} ".

Bagaimana untuk merangkum komponen input dan data borang bersatu dalam vue3 Bagaimana untuk merangkum komponen input dan data borang bersatu dalam vue3 May 12, 2023 pm 03:58 PM

Penyediaan Gunakan vuecreateexample untuk mencipta projek Parameternya adalah seperti berikut: gunakan input asli terutamanya nilai dan perubahan. App.tsx adalah seperti berikut: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Apabila kotak input berubah, segerakkan data constonInput =;kembali( )=>({

Belajar menggunakan arahan v-on Vue untuk mengendalikan acara bergerak masuk dan keluar tetikus Belajar menggunakan arahan v-on Vue untuk mengendalikan acara bergerak masuk dan keluar tetikus Sep 15, 2023 am 08:34 AM

Belajar menggunakan arahan v-on Vue untuk mengendalikan peristiwa pindah masuk dan keluar tetikus adalah salah satu kesan interaktif biasa dalam halaman Web Vue menyediakan arahan v-on untuk mengendalikan ini acara dengan mudah. Artikel ini akan memperkenalkan cara menggunakan arahan v-on Vue untuk mengendalikan peristiwa bergerak masuk dan keluar tetikus, dan menyediakan contoh kod khusus. Sebelum menggunakan arahan v-on Vue untuk mengendalikan peristiwa bergerak masuk dan keluar tetikus, kita perlu memahami penggunaan asas arahan v-on. Arahan v-on digunakan untuk mendengar acara DOM dan

Jenis Acara dalam JavaScript: Papan Kekunci Biasa dan Acara Tetikus Jenis Acara dalam JavaScript: Papan Kekunci Biasa dan Acara Tetikus Sep 03, 2023 am 09:33 AM

JavaScript menyediakan pelbagai acara yang membolehkan anda berinteraksi dan bertindak balas terhadap tindakan pengguna pada halaman web. Antara acara ini, acara papan kekunci dan tetikus adalah yang paling biasa digunakan. Dalam artikel ini, kita akan melihat pelbagai jenis acara papan kekunci dan tetikus dalam JavaScript dan melihat contoh cara menggunakannya. Peristiwa papan kekunci Peristiwa papan kekunci berlaku apabila pengguna berinteraksi dengan papan kekunci, seperti menekan kekunci, melepaskan kekunci atau menaip aksara. Acara papan kekunci membolehkan kami melakukan beberapa perkara yang menarik, seperti menyemak sama ada pengguna memasukkan sesuatu dengan betul ke dalam borang atau sesuatu berlaku apabila kekunci tertentu ditekan. Seolah-olah laman web itu mendengar kekunci yang anda tekan dan bertindak balas dengan sewajarnya. Acara papan kekunci dibahagikan kepada tiga jenis: acara kekunci

Arahan v-on dalam Vue: cara mengendalikan acara tetikus Arahan v-on dalam Vue: cara mengendalikan acara tetikus Sep 15, 2023 am 11:39 AM

Arahan v-on dalam Vue: Cara mengendalikan acara tetikus, contoh kod khusus diperlukan Vue.js ialah rangka kerja JavaScript yang popular yang menggunakan pendekatan berkomponen untuk membina antara muka pengguna. Dalam Vue, anda boleh menggunakan arahan v-on untuk mengendalikan pelbagai acara tetikus, seperti klik, tuding, tatal, dsb. Artikel ini akan memperkenalkan cara menggunakan arahan v-on untuk mengendalikan acara tetikus dan memberikan contoh kod khusus. Dalam Vue, arahan v-on digunakan untuk mengikat pengendali acara. Sintaksnya ialah v-on: nama acara, sebagai contoh

Penjelasan terperinci tentang peristiwa mengikat kotak input dalam dokumen Vue Penjelasan terperinci tentang peristiwa mengikat kotak input dalam dokumen Vue Jun 21, 2023 am 08:12 AM

Vue.js ialah rangka kerja JavaScript ringan yang mudah digunakan, cekap dan fleksibel Ia merupakan salah satu rangka kerja bahagian hadapan yang paling popular pada masa ini. Dalam Vue.js, peristiwa mengikat kotak input adalah keperluan yang sangat biasa Artikel ini akan memperkenalkan peristiwa mengikat kotak input dalam dokumen Vue secara terperinci. 1. Konsep asas Dalam Vue.js, peristiwa pengikatan kotak input merujuk kepada pengikatan nilai kotak input kepada objek data bagi contoh Vue, dengan itu mencapai pengikatan dua hala input dan respons. Dalam Vue.j

Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input Nov 24, 2023 am 09:44 AM

Penyelesaian untuk mengklik kotak input tanpa kursor: 1. Sahkan fokus kotak input 2. Kosongkan cache penyemak imbas 4. Gunakan JavaScript 5. Semak input; sifat kotak; 7. Menyahpepijat kod JavaScript; 8. Semak elemen lain halaman;

Cara menggunakan acara pemulangan pengangkutan kotak input dan fungsi pengesahan dalam dokumen Vue Cara menggunakan acara pemulangan pengangkutan kotak input dan fungsi pengesahan dalam dokumen Vue Jun 20, 2023 am 09:13 AM

Vue ialah rangka kerja bahagian hadapan JavaScript yang popular dengan pengikatan data responsif dan sistem komponen pada terasnya. Dalam aplikasi Vue, kotak input ialah salah satu elemen UI yang paling biasa digunakan. Apabila pengguna memasukkan teks, kami berharap untuk mendengar acara pemulangan pengangkutan dan mengesahkan input sebelum menyerahkan. Artikel ini akan memperkenalkan acara masukkan kotak input dan penggunaan fungsi pengesahan dalam dokumen Vue. 1. Acara pemulangan gerabak kotak input dalam Vue Memantau peristiwa pemulangan gerabak kotak input dalam Vue adalah sangat mudah.

See all articles