jQuery trigger() Method

https://www.w3schools.com/jquery/event_trigger.asp

Phương thức trigger () kích hoạt sự kiện đã chỉ định và hành vi mặc định của sự kiện (như gửi biểu mẫu) cho các phần tử được chọn.

Ví dụ 1:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("input").select(function(){
    $("input").after(" Text marked!");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});
</script>
</head>
<body>

<input type="text" value="Hello World"><br><br>

<button>Trigger the select event for the input field</button>

</body>
</html>

Ví dụ 2:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="http://localhost/library/jquery/jquery.min.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$('input').click(function(event) {
				$(this).css('background', 'red');
			});
			$('button').click(function(event) {
				$('input').trigger('click');
			});
		});
	</script>
</head>
<body>
	<input type="text" name="trigger" placeholder="trigger">
	<button>Tricger</button>
</body>
</html>
PreviousEmail (ok)NextjQuery one() Method (ok)

Last updated

Was this helpful?