首頁  >  文章  >  web前端  >  jquery中怎麼給input框綁定失去焦點事件

jquery中怎麼給input框綁定失去焦點事件

青灯夜游
青灯夜游原創
2022-05-25 17:26:233384瀏覽

綁定方法:1、選取input元素對象,語法“$("選擇器")”,會傳回一個包含指定元素的jquery物件;2、用blur()給元素物件綁定失去焦點事件,並規定處理函數,語法為「元素物件.blur(function(){//運行程式碼});」。

jquery中怎麼給input框綁定失去焦點事件

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery中input框綁定失去焦點事件

#1、利用選擇器選取input元素物件

語法:

$("选择器")

範例$("input"),就可以選取文件中全部input元素。

傳回值:傳回包含指定input元素的jquery物件

2、使用blur()綁定失去焦點事件

使用blur()給被選中的input元素綁定失去焦點事件,並規定事件處理函數,以設定事件觸發時需要執行的程式碼。

input元素对象.blur(function(){
    //运行代码
});

實例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("input").blur(function(){
		    alert("输入框失去了焦点");
		  });
		});
		</script>
	</head>
	<body>

		输入你的名字: <input type="text">
		<p>在输入框写些东西,然后点击输入框外,让其失去焦点。</p>

	</body>
</html>

jquery中怎麼給input框綁定失去焦點事件

#【推薦學習:jQuery影片教學web前端影片

以上是jquery中怎麼給input框綁定失去焦點事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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