1. 程式人生 > >42 jQuery-使用one()方法繫結觸發一次的事件

42 jQuery-使用one()方法繫結觸發一次的事件

1.效果圖

在這裡插入圖片描述

2.html程式碼

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>42 jQuery-使用one()方法繫結觸發一次的事件</title>
     <style type="text/css">
           .btn {border:#666 1px solid;padding:2px;width:160px;
           filter: progid:DXImageTransform.Microsoft
           .Gradient(GradientType=0,StartColorStr=#ffffff,
           EndColorStr=#ECE9D8);}
    </style>
</head>
<body>
	<input id="Button1" type="button" value="點選檢視聯絡方式" class="btn" />
    
<script src="../jquery.min.js"></script>
<script type="text/javascript">
	//第二種方法
	$(function(){
		//自定義事件
		function oClick() {
			this.value = "18232577543";
		}
		//繫結自定義事件
		$("input").one("click", oClick);
	});
</script>
</body>
</html>