使用Javascript實現用於退出鍵的Onclick按鈕

-2

以下JavaScript用於在單擊ESC鍵時關閉div。使用Javascript實現用於退出鍵的Onclick按鈕

<script> 
    $(document).keyup(function(event) { 
     if(event.which === 27) { 
      alert('closed now'); 
      $('#content').hide(); 
     } 
    }); 
</script> 

<div id="content">My content to be closed is here</div>

現在我想的是，關閉從一個點擊按鈕的內容，那麼它將調用ESC鍵javascript函數

<button id="close_content">Close</button>

感謝

來源

2017-08-28 bowman87

[哪個鍵代碼與jQuery ESC鍵（https://stackoverflow.com/questions/1160008/which-keycode-for-escape-key-with-jquery） –

權，可能的複製，做了你嘗試什麼？你的按鈕代碼在哪裏？ – Utkanos

鼠標不是鍵盤，點擊不是鍵盤，你必須將它們看作兩個獨立的事件。你可以用同樣的方式對它們作出反應，但是你需要兩個不同的事件處理程序。 –

在腳本中添加該代碼，當你點擊關閉按鈕的內容「我的內容被關閉是在這裏」將隱藏。 $(document).ready(function() { $("#close_content").click(function() { $("#content").hide(); }); });

來源

2017-08-28 11:31:36

將代碼放在一個名爲函數，然後調用它來自兩個事件處理程序。

$(document).ready(function() { 
    function close_content() { 
     alert('closed now'); 
     $("#content").hide(); 
    } 

    $(document).keyup(function(event) { 
     if (event.which == 27) { 
      close_content(); 
     } 
    } 
    $("#close_content").click(close_content); 
});

來源

2017-08-28 10:55:54 Barmar

@Bamar，關閉按鈕不會在點擊時關閉div內容 – bowman87

你把所有的Javascript放在'$（document）.ready（）'裏面嗎？ – Barmar

使用Javascript實現用於退出鍵的Onclick按鈕

回答

相關問題