檢測滾動條何時出現在德克薩斯州

Question

我知道這里已經問過這個問題。 基本上，該解決方案有效，但它們使用的是舊版本的jquery，並且該解決方案是使用不推薦使用的功能實現的。 因此，根據該問題的答案和問題，我嘗試遷移到新版本。

因此，基本上，使用舊版jquery的解決方案是此解決方案。

$('textarea.paginate').live('keydown', function(event) {
    if (this.clientHeight < this.scrollHeight) {
        alert("Please Something);
    }
});

這是我向on函數的遷移，但兩種方法均無效。 該示例的演示： http : //jsbin.com/saxay/1/edit

我做錯了什么？

$("textarea").on('keyup','.note-codable',function(event){
  if(event.keyCode == 13) { }
  if (this.clientHeight < this.scrollHeight) {
    alert("Please Something");
  }
});

$(document).on('keyup','.note-codable',function(event){
  if(event.keyCode == 13) { }
  if (this.clientHeight < this.scrollHeight) {
    alert("Please Something");
  }
});

Answer 1

更新

試試這個方法： DEMO

$.fn.hasVerticalScrollBar = function() {
    if (this[0].clientHeight < this[0].scrollHeight) {
        return true
    } else {
        return false
    }
};

$(document).on('keydown','.note-codable',function(event){
    if(event.keyCode == 13) { }
    if ($(this).hasVerticalScrollBar()) {
        alert("Please Something");
    }
});

另外，如果您注意到我將keyup事件更改為keydown ，這在我看來更好，因為用戶將手指按住按鈕時，如果在keyup事件上不會觸發代碼。

Answer 2

解決了您的問題

您只需在第一種方法中在live位置使用.on 。

$('textarea.paginate').on('keydown', function(event) {

    // scrollbars apreared
    if (this.clientHeight < this.scrollHeight) {

       alert("Please add a new card for having a better format. Remember this is a WYSIWYG");

    }

});

演示