Απόκρυψη div με το κουμπί Esc με jQuery

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Skywalker
Δημοσιεύσεις: 31
Εγγραφή: 20 Μάιος 2008 17:33

Απόκρυψη div με το κουμπί Esc με jQuery

Δημοσίευση από Skywalker » 19 Μάιος 2011 12:52

Έχω το εξής script για να εμφανίζω και να κρύβω το div μου. Μέχρι εδώ λειτουργεί σωστά.

Κώδικας: Επιλογή όλων

<script type="text/javascript">
$&#40;function&#40;&#41;&#123;
   $&#40;'#mytb'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.show&#40;&#41;;
   &#125;&#41;;
   
   $&#40;'#mybut'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.show&#40;&#41;;
   &#125;&#41;;

   $&#40;'#cbut'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.hide&#40;&#41;;
   &#125;&#41;;

   $&#40;document&#41;.click&#40;function&#40;&#41;&#123;
      $&#40;'#fscreen'&#41;.hide&#40;&#41;;
   &#125;&#41;;
&#125;&#41;;
</script>
Θέλω όμως πατώντας Escape να κλείνει το div. Οπότε πρόσθεσα μερικές γραμμές κώδικα ακόμα:

Κώδικας: Επιλογή όλων

<script type="text/javascript">
$&#40;function&#40;&#41;&#123;
   $&#40;'#mytb'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.show&#40;&#41;;
   &#125;&#41;;
   
   $&#40;'#mybut'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.show&#40;&#41;;
   &#125;&#41;;

   $&#40;'#cbut'&#41;.click&#40;function&#40;e&#41; &#123;
      e.stopImmediatePropagation&#40;&#41;;
      $&#40;'#fscreen'&#41;.hide&#40;&#41;;
   &#125;&#41;;

   $&#40;document&#41;.click&#40;function&#40;&#41;&#123;
      $&#40;'#fscreen'&#41;.hide&#40;&#41;;
   &#125;&#41;;
   
   $&#40;document&#41;.onKeyDown&#40;function&#40;&#41;&#123;
     if&#40;keycode == 27&#41;&#123;
      $&#40;'#fscreen'&#41;.hide&#40;&#41;;
	 &#125;
   &#125;&#41;;
&#125;&#41;;
</script>
Δεν κλείνει το DIV όμως όταν πατάω Escape. Υπάρχει κάποιο λάθος στο script μου?

Ευχαριστώ.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Απόκρυψη div με το κουμπί Esc με jQuery

Δημοσίευση από dimsis » 19 Μάιος 2011 13:03

Μήπως θέλει:

Κώδικας: Επιλογή όλων

$&#40;document&#41;.keyup&#40;function&#40;e&#41; &#123;
  if &#40;e.keyCode == 27&#41; &#123;  $&#40;'#fscreen'&#41;.hide&#40;&#41;; &#125; 
&#125;&#41;;

Skywalker
Δημοσιεύσεις: 31
Εγγραφή: 20 Μάιος 2008 17:33

Απόκρυψη div με το κουμπί Esc με jQuery

Δημοσίευση από Skywalker » 19 Μάιος 2011 13:10

Ευχαριστώ πολύ. Τώρα κλείνει και με το Esc. Να 'σαι καλά.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες