Является ли JavaScript однопоточным? Если нет, то как мне получить синхронизированный доступ к общим данным?

Да, Javascript является однопоточным. Даже в таких браузерах, как Google Chrome, на вкладку приходится один поток.

Не зная, как вы пытаетесь отменить одно всплывающее окно из другого, трудно сказать, в чем причина вашей проблемы.

Если ваши DIV вложены друг в друга, у вас может быть распространение события.

Я не знаю, какую библиотеку вы используете, но если вы пытаетесь отобразить только одну всплывающую подсказку за раз... используйте легковесный объект. По сути, наилегчайший вес — это то, что делается один раз и используется снова и снова. Подумайте об одноэлементном классе. Таким образом, вы вызываете класс статически, который при первом вызове автоматически создает объект самого себя и сохраняет его. Это происходит каждый раз, когда все статические ссылки ссылаются на один и тот же объект, и из-за этого вы не получаете несколько всплывающих подсказок или конфликтов.

Я использую ExtJS, и они делают всплывающие подсказки и окна сообщений как легковесные элементы. Я надеюсь, что в ваших фреймворках также есть легковесные элементы, иначе вам просто нужно будет создать свой собственный синглтон и вызвать его.

Он однопоточный в браузерах. Обработчики событий выполняются асинхронно в одном потоке, неблокирующий не всегда означает многопоточный. Является ли один из ваших div дочерним элементом другого? Потому что события распространяются как пузыри в дереве домов от дочернего к родительскому.

Подобно тому, что сказал pkaeding, трудно догадаться о проблеме, не видя вашей разметки и скрипта; однако я рискну сказать, что вы неправильно останавливаете распространение события и/или неправильно скрываете существующий элемент. Я не знаю, используете ли вы фреймворк или нет, но вот возможное решение с использованием Prototype:

// maintain a reference to the active div bubble
this.oActiveDivBubble = null;

// event handler for the first div
$('exampleDiv1').observe('mouseover', function(evt) {
    evt.stop();
    if(this.oActiveDivBubble ) {
        this.oActiveDivBubble .hide();
    }
    this.oActiveDivBubble = $('exampleDiv1Bubble');
    this.oActiveDivBubble .show();

}.bind(this));

// event handler for the second div
$('exampleDiv2').observe('mouseover'), function(evt) {
    evt.stop();
    if(this.oActiveDivBubble) {
        this.oActiveDivBubble.hide();
    }
    this.oActiveDivBubble = $('exampleDiv2Bubble');
    this.oActiveDivBubble .show();
}.bind(this));

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

В любом случае, надеюсь, это поможет.

К вашему сведению: в Firefox 3 есть изменение, в значительной степени относящееся к этому обсуждению: потоки выполнения, вызывающие синхронные запросы XMLHttpRequest, отсоединяются (поэтому интерфейс не зависает там во время синхронных запросов), и выполнение продолжается. После завершения синхронного запроса его поток также продолжается. Они не будут выполняться одновременно, однако предположение о том, что один поток останавливается, пока выполняется синхронная процедура (запрос), больше не применимо.

Возможно, дисплей недостаточно быстро обновляется. В зависимости от используемой вами библиотеки JS вы можете добавить небольшую задержку для всплывающего эффекта «показа».

Вот рабочая версия, более-менее. При создании предметов прикрепляем событие mouseover:

var self = this;
SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mouseover", function (elt, domEvt, target) {
    return self._onHover(labelElmtData.elmt, domEvt, evt);
});

Это вызывает функцию, которая устанавливает тайм-аут (сначала отменяются ранее существовавшие тайм-ауты для другого элемента):

MyPlan.EventPainter.prototype._onHover = function(target, domEvt, evt) {            
    ... calculate x and y ...
    domEvt.cancelBubble = true;
    SimileAjax.DOM.cancelEvent(domEvt);
    this._futureShowBubble(x, y, evt);

    return false;
}
MyPlan.EventPainter.prototype._futureShowBubble = function (x, y, evt) {
    if (this._futurePopup) {
        if (evt.getID() == this._futurePopup.evt.getID()) {
            return;
        } else {
            /* We had queued a different event's pop-up; this must now be cancelled. */
            window.clearTimeout(this._futurePopup.timeoutID);
        } 
    }
    this._futurePopup = {
        x: x,
        y: y,
        evt: evt
    };    
    var self = this;
    this._futurePopup.timeoutID =  window.setTimeout(function () {
            self._onTimeout();
    }, this._popupTimeout);
}

Это, в свою очередь, показывает пузырь, если он срабатывает до отмены:

MyPlan.EventPainter.prototype._onTimeout = function () {
    this._showBubble(this._futurePopup.x, this._futurePopup.y, this._futurePopup.evt);

};

MyPlan.EventPainter.prototype._showBubble = function(x, y, evt) {
    if (this._futurePopup) {
        window.clearTimeout(this._futurePopup.timeoutID);
        this._futurePopup = null;
    }        
    ...

    SimileAjax.WindowManager.cancelPopups();
    SimileAjax.Graphics.createBubbleForContentAndPoint(...);
};

Кажется, теперь это работает, я установил тайм-аут на 200 мс, а не на 100 мс. Не уверен, почему слишком короткий тайм-аут вызывает появление нескольких пузырьков, но я предполагаю, что очередь оконных событий или что-то еще может происходить во время размещения новых добавленных элементов.