「onload」事件的名稱是什麼？

Question

我有一個textarea，它有keyup事件來顯示渲染輸入的預覽。但是，我想在元素加載後立即顯示相同的預覽。

$('textarea[name="ay[description]"]').on('keyup', function(e){ 

最簡單的話題是在聲明結尾發起.trigger('keyup')。但是，不存在如下的事件，例如load,onload或ready，我錯過了不同的名稱？

Answer 1

onLoad事件被稱爲「加載」，但它僅針對特定對象/元素（iframe，窗口，文檔）觸發。

加載事件發送到一個元素，當它和所有的子元素 已完全加載。此事件可以發送到與URL相關聯的任何元素 ：圖像，腳本，框架，iframe和窗口對象。

http://api.jquery.com/load-event/

Answer 2

在文檔的ready事件都可以使用。只需重構顯示代碼，以便您可以在Keyup處理程序中和文檔準備就緒時調用它們。根據需要將其擴展到其他事件（如「更改」，如果需要處理複製/粘貼）。

function previewText(input, display) 
{ 
    // do the preview of the input element in the display div 
} 

$(function() { 
    previewText($('textarea[name="ay[description]"]'),$('#ay-preview')); 

    $('textarea[name="ay[description]"]').on('keyup change',function() { 
     previewText($(this),$('#ay-preview')); 
    }); 
}); 

Answer 3

如果我理解正確的話要渲染預覽每個KEYUP後，最初當頁面加載完畢。您麪包車做到這一點：

$(document).ready(render); 
$('textarea[name="ay[description]"]') 
.on('keyup', render); 

var render = function() { 
    // DO render stuff 
} 

Answer 4

注意

的OP指出，除非另有說明，一個命名空間中的事件並不總是必要的。非常真實：

​​

http://jsfiddle.net/r8Qvz/4/

我並不建議你總是需要命名空間的事件做做到這一點，所以我的答案更新。

我認爲，如果你有一個元素上多keyup處理程序，你可能會發現一個namespaced event有用：

$(document).ready(function(){ 
    var $aydesc = $('textarea[name="ay[description]"]'), 
     $goeshere = $('#goeshere'); 

    $aydesc.on('keyup.preview', function(e){ 
     $goeshere.text($(this).val()); 
    }); 

    $aydesc.trigger('keyup.preview'); 
}); 

http://jsfiddle.net/r8Qvz/3

命名空間的事件是非常漂亮，我想。

當然，你可以做到這一點的非巧妙的方法：

（該問題已解決，這是以前沒有工作。）

$(document).ready(function(){ 
    var $aydesc = $('textarea[name="ay[description]"]'), 
     $goeshere = $('#goeshere'); 

    var preview = function(e){ 
     $goeshere.text($(this).val()); 
    }; 

    $aydesc.on('keyup', preview); 

    preview.call($aydesc); 
}); 

http://jsfiddle.net/r8Qvz/5/

如果你有多個textarea s，讓我知道，我會更新它來管理這種情況。如果這樣做，則需要一些邏輯來確定應該顯示哪個textarea值，除非每個textarea都有它自己的顯示目標。