开发者

JavaScript: Prevent a button from being pressed before entire page is loaded

开发者 https://www.devze.com 2022-12-14 07:54 出处:网络
How can I preven开发者_如何学Got users from pressing my web-page buttons before the page is fully loaded?

How can I preven开发者_如何学Got users from pressing my web-page buttons before the page is fully loaded?

i.e. I have a button that opens a lightbox. The JS for the lightbox is loaded last in the page for quicker response time. So if the user presses the button before the page is fully loaded - he either gets a JS error or the lightbox data is opened on a blank page.

I'm using Javascript with MooTools.


If I understand correctly neither

<body onload="...">

nor

$('#yourButton')...

guarantees that the document has finished loading. The (jQuery) method that does:

$(document).ready(function() { 
    $('#yourButton').attr("disabled", false); 
});


Make your button disabled. After the page is loaded - make it enabled

Here is a JQuery(sorry for not being "clean" Javascript example)

$('#yourButton').attr("disabled", false);


here's an example:

<body onload="document.getElementById('button1').disabled=false">
  <button id="button1" disabled="1">
    ok
  </button>
<body>
0

精彩评论

暂无评论...
验证码 换一张
取 消