tutoriais mais recente desenvolvimento web
 

jQuery pagebeforeload Evento

<JQuery Mobile Eventos

Exemplo

Alertar algum texto antes de um pedido de carregamento é feito:

$(document).on("pagebeforeload",function(){
  alert("pagebeforeload event fired!");
});
Tente você mesmo "

Definição e Uso

O evento pagebeforeload foi preterido no jQuery versão 1.4.0. Use o pagecontainerbeforeload evento em vez disso.

O evento pagebeforeload é acionado antes de qualquer pedido de carregamento é feito.

Eventos relacionados:

  • pageload - desencadeada após a página ter sido carregado e inserido no DOM com sucesso
  • pageloadfailed - acionado se o pedido de carregamento da página falha

Nota: Estes eventos são usados para páginas externas - Sempre que uma página externa é carregado no DOM, 2 eventos são disparados. O primeiro é pagebeforeload. O segundo evento será ou pageLoad ou pageloadfailed.

Sintaxe

$("document").on("pagebeforeload",function(event,data){...})

Parâmetro Descrição
function(event,data) Requeridos. Especifica a função a ser executada quando o evento ocorre pagebeforeload.

A função tem dois parâmetros opcionais:

O objeto de evento - que pode conter quaisquer propriedades do evento jQuery (por exemplo event.target, Event.type, etc.) Ver jQuery Eventos de Referência para obter mais informações

O objeto de dados - contém o seguinte:

  • url (string) - contém o URL absoluto ou relativo da página (que foi enviado para $.mobile.loadPage() )
  • absUrl (string) - contém a referência absoluta do URL
  • dataUrl (string) - contém a URL do local do navegador
  • deferred (object) - contém resolve() ou reject()
  • options (object) - contém as opções que foram enviadas para $.mobile.loadPage()
Nota: Você pode manipular manualmente o pedido de carregamento chamando o event.preventDefault() no objeto de evento e resolve() ou reject() sobre o objeto diferido contido no objeto de dados.

Tente você mesmo - Exemplos

Uma demonstração de eventos relacionados
Uma demonstração de pageload e pageloadfailed.

O objeto de evento
Usando a propriedade Event.type para retornar o tipo evento disparado.

O objeto de dados
Usando o data.url para retornar o URL da página externa.

<JQuery Mobile Eventos