如何在过渡期间暂停JavaScript执行？

Question

I'm looking for a way to capture HTML of objects that are rendered on rollover. An example would be:

1. Mouse over object to get popup
2. Press button or key to pause js (to prevent mouse out trigger)
3. Right click and inspect element to get HTML

Does anyone know of a way to do this?

Answer 1

To your main question, there are two ways to pause the execution of a Javascript thread:

1. Hit a breakpoint in a debugger
2. Insert an alert() into the javascript thread and when it fires, it will suspend the execution of that javascript thread until the alert dialog is dismissed.

You haven't described the environment you're operating in and what types of modifications you can or can't make to the host page for us to advise more specifically.

To approach the problem differently, to capture some dynamically inserted HTML there are other strategies. For example, you can use your own javascript (like a bookmarklet) to attach an event handler to the mouse over. You can then set a timer that will watch for when the dynamically generated HTML seems to be present and grab a copy of it. Keep in mind that javascript is single threaded so your own timer will only run when the other javascript thread is waiting for user input, but if the general model is that it pops something up on mouseover and then waits for additional mouse events, then this could work.

Answer 2

yes, <object onmouseover="functionPopup();" onmouseout="functionWrap();"> <object onmouseover="functionPopup();" onmouseout="functionWrap();">

then place your onkeyup-event to detect the button/key.

The trick is to leave the functionWrap on the object ALONE!!! and OVERWRITE this function functionWrap() (that is referenced by object's onmouseout) with the updated instructions (this works pretty good crossbrowser -even older ones-, since this uses the traditional event model :P ).

Happy tweaking!!