同時觸發同樣的功能點擊和按鍵

我有以下功能點擊時觸發，但我怎麼會也讓它在沒有創建新功能的情況下輸入？（如果可能的話）。同時觸發同樣的功能點擊和按鍵

$("#jump_menu select option").click(function(){ 
    var hash = $(this).val(); 
    var target_offset = $(hash).offset(); 
    $('html, body').animate({scrollTop:target_offset.top}, 500); 
})

來源

2011-08-12 George Reith

嘗試結合

$("#jump_menu select").change

...相反。

或者只是將其移動到一個獨立的功能，並綁定到你所需要的：

function handler(elem) { 
    var hash = $(elem).val(); 
    var target_offset = $(hash).offset(); 
    $('html, body').animate({scrollTop:target_offset.top}, 500); 
} 

$('#jump_menu select option').click(handler); 
$('#jump_menu select').change(handler);

您可能需要保存和比較事件時間戳雖然以確保您不會調用處理兩次單個選擇。

來源

2011-08-12 12:11:46 sje397

唯一的問題是，如果有人滾動到頂部，並嘗試重新選擇前一個選項，它不會再次觸發，我希望保持這種狀態。 –

@George：在這種情況下，我只需將代碼放入匿名函數中，並將其與您想要處理的事件綁定即可。 – sje397

@George：編輯。 – sje397

function runAnimate() { 
    var hash = $(this).val(); 
    var target_offset = $(hash).offset(); 
    $('html, body').animate({scrollTop:target_offset.top}, 500); 
} 

$("#jump_menu select option").click(runAnimate); 

$('body').change(runAnimate);

來源

2011-08-12 12:15:06 defuz

抱歉：$（「＃jump_menu select」）。change（runAnimate）;而不是最後的代碼塊 – defuz

謝謝，但沒有任何反應，當我按下輸入。 –

你必須在全球範圍內聲明的功能，而不是在你的。點擊功能宣稱它像這樣：

function animateBody() { 
    var hash = $(this).val(); 
    var target_offset = $(hash).offset(); 
    $('html, body').animate({scrollTop:target_offset.top}, 500); 
}

之後，您可以將功能將多個事件綁定，而不重新聲明它兩次：

$("#jump_menu select option").click(animateBody); 
$("#jump_menu select").change(animateBody);

產生的可能是這個樣子：

//Other JQuery/Javascript 

function animateBody() { 
    var hash = $(this).val(); 
    var target_offset = $(hash).offset(); 
    $('html, body').animate({scrollTop:target_offset.top}, 500); 
} 

$("#jump_menu select option").click(animateBody); 
$("#jump_menu select").change(animateBody); 

//Other JQuery/Javascript

祝你好運！

來源

2011-08-12 12:24:59

$(selector).on('keyup , change' ,function() { 
--- Do some thing --- 
});

來源

2013-12-17 17:07:06

同時觸發同樣的功能點擊和按鍵

回答

相關問題