기본 이벤트 거품 이벤트 차단
event.preventDefault();기본 비헤이비어 차단
이벤트의 거품과 기본 행동을 동시에 막다
return false
eg: 이벤트 거품 방지
<script type="text/javascript">
$(function() {
// <span> click
$("span").click(function() {
$("#msg").html($("#msg").html() + "<p> span </p>");
});
// Id content <div> click
$("#content").click(function() {
$("#msg").html($("#msg").html() + "<p> div </p>");
});
// <body> click
$("body").click(function() {
$("#msg").html($("#msg").html() + "<p>body </p>");
});
});
</script>
<!--css-->
<style>
#content{
background:#0f0;
}
</style>
<div id="content">
div<br/>
<span style="background:red;"> span</span><br/>
div
</div>
<div id="msg">
// <span> click
$("span").click(function(event) { //
$("#msg").html($("#msg").html() + "<p> span </p>");
event.stopPropagation(); // <span> click
});
기본 비헤이비어 차단
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function() {
$(":submit").click(function(event) { //
// ,
if ($(":text").val() == "") {
$("#msg").text(" ");
event.preventDefault(); // ( )
}
});
});
</script>
</head>
<!-- HTML -->
<body>
<form action="register.action">
<input type="text" name="id" />
<input type="submit" value=" " />
<div id="msg"></div>
</form>
</body>
</html>
기본 비헤이비어 및 거품 발생 방지
$(":submit").click(function(event) { //
// ,
if ($(":text").val() == "") {
$("#msg").text(" ");
return false; // ( )
}
});
$("span").click(function(event) { //
$("#msg").html($("#msg").html() + "<p> span </p>");
return false; // <span> click ( )
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.