Как называется событие «onload»?

Question

У меня есть текстовое поле, в котором есть событие keyup, чтобы показать предварительный просмотр отображаемого ввода. Тем не менее, я хочу отобразить тот же предварительный просмотр сразу после загрузки элемента.

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

Самый простой из всех является инициирование .trigger('keyup') в конце объявления. Однако нет ли такого события, как load, onload или ready, что я пропустил под другим именем?

Answer 1

Событие onLoad называется «load», но оно срабатывает только для определенных объектов/элементов (iframes, window, document).

Событие нагрузки отправляется элементу, когда он и все подэлементы имеют полностью загруженную . Это событие может быть отправлено любому элементу , связанному с URL-адресом: изображениями, сценариями, фреймами, фреймами и окном .

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

Answer 2

Готовое событие на документе, могут быть использованы. Просто отредактируйте отображаемый код, чтобы вы могли вызывать как в обработчике ключей, так и когда документ готов. Расширьте это, если это необходимо для других событий (например, «change», если вам нужно обработать copy/paste).

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

Если я правильно понял, вы хотите сделать предварительный просмотр после каждого нажатия клавиш И первоначально, когда страница закончила загрузку. Вы ван это сделать:

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

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

Answer 4

ПРИМЕЧАНИЕ

ОП отметил, что, если иное не отмечалось, Namespaced событие не всегда необходимо. Совершенно верно:

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

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

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

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

не обязательно свидетельствуют о том, что вам всегда нужно, чтобы события пространств имён делать этого добиться, поэтому я актуализация ответ.

Я думаю, вы могли бы найти namespaced event полезно, если у вас есть несколько keyup обработчиков для этого элемента:

$(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

Namespaced событие довольно изящное, я думаю.

Конечно, вы могли бы сделать это, не ловкий способ:

(Это было исправлено, он не работал ранее.)

$(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 нет своей собственной цели отображения.