jQuery雙擊事件不起作用

Question

我的要求是雙擊一個按鈕。

HTML：

 <button id="btn-db" class="dbBtn" ></button>

嘗試的解決方案：

  $("#btn-id").trigger("dblclick");

沒有觸發雙擊事件

注意：我為單擊而嘗試過相同的操作，

  $("#btn-id").trigger("click"); 

單擊瀏覽器控制台中的上述語句即可觸發單擊。

Answer 1

嘗試button.on("dblclick", ...) 。 這是一個例子。

 var banner = $("#banner-message") var button = $("button") // handle click and add class button.on("dblclick", function(){ banner.addClass("alt") }) 

 body { background: #20262E; padding: 20px; font-family: Helvetica; } #banner-message { background: #fff; border-radius: 4px; padding: 20px; font-size: 25px; text-align: center; transition: all 0.2s; margin: 0 auto; width: 300px; } button { background: #0084ff; border: none; border-radius: 5px; padding: 8px 14px; font-size: 15px; color: #fff; } #banner-message.alt { background: #0084ff; color: #fff; margin-top: 40px; width: 200px; } #banner-message.alt button { background: #fff; color: #000; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="banner-message"> <p>Hello World</p> <button>Change color</button> </div> 

Answer 2

這正在工作：

 $("#btn-id").on('dblclick', function() { console.clear(); console.log("You double-clicked!"); }); $("#btn-id").trigger("dblclick"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn-id" class="dbBtn">Double click</button> 

我只是注意到這是一個錯字錯誤：
<button id="btn-db" class="dbBtn" ></button> ： btn-id在您的代碼中應為btn-id ！

希望能幫助到你。