简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

html如何使用失去焦点属性onblur

醉折花枝作酒筹
Lepaskan： 2023-01-05 16:07:44
asal
5160 orang telah melayarinya

在html中，onblur属性在元素失去焦点时触发。语法<元素名称 onblur="Javascript指令">”，onblur 经常用于Javascript验证代码，一般用于表单输入框。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

onblur属性在元素失去焦点时触发。常用于表单验证代码（例如用户离开表单字段）。

说明：

1、onfocus 属性与 onblur 属性是相反的。

2、所有主流浏览器都支持 onfocus 属性和 onblur 属性。

实例

当用户离开输入字段时对其进行验证：

<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>请输入您的姓名，然后把焦点移动到字段外：</p>
请输入您的姓名（英文字符）：<input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
Salin selepas log masuk

2018814153018853.png

推荐学习：html视频教程

Atas ialah kandungan terperinci html如何使用失去焦点属性onblur. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html
sumber：php.cn
Artikel sebelumnya：html如何引入js文件 Artikel seterusnya：html如何禁止右键
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
Artikel terbaru oleh pengarang
Isu terkini
javascript - masalah pengesahan kesahihan jauh nilai kotak input dalam bentuk 1. Masalahnya adalah ini. Terdapat kotak input Saya ingin mengesahkan sama ada nilai terse...
daripada 2017-07-05 11:04:40
0
2
687
javascript - angularjs ngblur tidak berkuat kuasa tetapi onblur berkuat kuasa, kenapa? {Code...} Input ini tidak akan dicetuskan menggunakan ng-blur, tetapi acara onblur akan di...
daripada 2017-06-30 09:57:53
0
2
618
javascript - Bagaimanakah saya boleh memaparkan teks dan bukannya titik secara lalai sebelum kata laluan dimasukkan pada halaman pendaftaran? &lt;input type="password" name="info[password]" id="password3...
daripada 2017-06-22 11:53:46
0
8
534
javascript - Masalah dengan kotak teks acara onblur dicetuskan secara berterusan tag teks onblur="alert()" mencetuskan amaran() apabila kotak teks kehilangan kur...
daripada 2017-05-19 10:13:27
0
2
839
javascript - Apakah sebab gelung tak terhingga yang disebabkan oleh onblur+alert+focus? {Kod...} Fokus telah ditetapkan Mengapakah kod ini masih dalam gelung tak terhingga?
daripada 2017-05-19 10:11:12
0
2
552
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！