رویداد رها کردن ورودی

Question

مهدی 9 سال پیش 9 سال پیش

0 0

سلام

تو آموزش ها همه دیدیم که جناب آقاجانی چندین رویداد رو در مورد فیلد ها آموزش دادند. منظورم از فیلد ها input هایی هستند که به کار می بریم.

مثلا گفتند که keyup برای زمانی هست که دکمه کیبورد رو رها می کنیم. و... امیدوارم متوجه شده باشید

حالا من دنبال یک رویداد دیگه ای هستم.

می خوام زمانی رو بدست بیارم که کاربر روی المانت دیگه ای کلیک می کنه. متوجه نشدید؟

نگاه کنید: فرض کنید یک فیلد ورودی دارم به نام "ایمیل کاربری". کاربری روی این ورودی کلیک می کنه و ایمیلش رو درج می کنه. حالا من میخوام با جی کوئری بگم وقتی کاربر این فیلد رو رها کرد یک دستوری رو اجرا کن

امیدوارم که تونسته باشم مفهومم رو برسونم

+1 0

فکر کنم focus باشه (9 سال پیش)

Answer 1

پاسخ به سوال

سجاد عباسی 9 سال پیش

+1 0

پاسخ صحیح

برای این کار باید از focusout استفاده کنید

 .focusout( handler )

و یا بصورت :

  .on( "focusout", handler )

یه مثال:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>focusout demo</title>
  <style>
  .inputs {    float: left;    margin-right: 1em;  }
  .inputs p {    margin-top: 0;  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 <div class="inputs">
  <p>
    <input type="text"><br>
    <input type="text">
  </p>
  <p>
    <input type="password">
  </p>
</div>
<div id="focus-count">focusout fire</div>
<div id="blur-count">blur fire</div>
 <script>
var focus = 0,  blur = 0;
$( "p" )  .focusout(function() {
    focus++;
    $( "#focus-count" ).text( "focusout fired: " + focus + "x" );
  })  .blur(function() {
    blur++;
    $( "#blur-count" ).text( "blur fired: " + blur + "x" );
  });
</script>
</body>
</html>

منبع: https://api.jquery.com/focusout/

Answer 2

پاسخ صحیح

برای این کار باید از focusout استفاده کنید

 .focusout( handler )

و یا بصورت :

  .on( "focusout", handler )

یه مثال:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>focusout demo</title>
  <style>
  .inputs {    float: left;    margin-right: 1em;  }
  .inputs p {    margin-top: 0;  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 <div class="inputs">
  <p>
    <input type="text"><br>
    <input type="text">
  </p>
  <p>
    <input type="password">
  </p>
</div>
<div id="focus-count">focusout fire</div>
<div id="blur-count">blur fire</div>
 <script>
var focus = 0,  blur = 0;
$( "p" )  .focusout(function() {
    focus++;
    $( "#focus-count" ).text( "focusout fired: " + focus + "x" );
  })  .blur(function() {
    blur++;
    $( "#blur-count" ).text( "blur fired: " + blur + "x" );
  });
</script>
</body>
</html>

منبع: https://api.jquery.com/focusout/