setTimeout window.open не может принять this.href

Question

setTimeout window.open не может принять this.href

0

Я пытаюсь открыть href onMouseOver через 3000 мс. Но в нем просто появляется пустое окно. Что мне не хватает?

HTML:

<a href="../cc2b/myrec.html" onMouseOver="Popup = setTimeout('openwindow(this.href)',3000);" onMouseOut="clearInterval(Popup)">My Rec</a>

JavaScript:

var Popup = null;

function openwindow()
{
    var win = window.open()
}

JustinBieber 24 сен. 2013, в 14:50

Источник

Теги:

javascript

html

4 ответа

Ещё вопросы

cloudfeet · Answer 1 · 2013-09-24T11-18-00.000Z

(ОК, сначала вы должны указать URL-адрес в window.open(), иначе он не знает, на какую страницу открыть. Кроме этого :)

Когда вы выполняете setTimeout() значение this сбрасывается в отложенном коде.

Быстрое исправление - немедленно извлечь URL-адрес, а затем передать функцию в setTimeout() которая может использовать переменную.

<a href="../cc2b/myrec.html"
        onMouseOver="var popupUrl = this.href; Popup = setTimeout(function(){openwindow(popupUrl)}), 3000);"
        onMouseOut="clearInterval(Popup)">
    My Rec
</a>

Тем не менее, более чистым решением было бы свести к минимуму код в onMouseOver, установив тайм-аут в функции openhoverpopup:

<a href="../cc2b/myrec.html"
        onMouseOver="openhoverpopup(this.href)"
        onMouseOut="clearhoverpopup()">
    My Rec
</a>
<script>
    var popupTimeout = null;
    function openhoverpopup(url) {
        popupTimeout = setTimeout(function () {
            window.open(url);
        }, 3000);
    }
    function clearhoverpopup() {
        clearTimeout(popupTimeout);
    }
</script>

thgaskell · Answer 2 · 2013-09-24T10-29-00.000Z

Вы можете получить URL-адрес от элемента, который вызвал событие mouseover с помощью event.target или event.srcElement для более старых браузеров IE.

http://jsfiddle.net/b42pr/1

HTML

<a href="theURL" onmouseover="popURL()">Hover</a>

JavaScript

function popURL() {
    var url = event.target.href || event.srcElement.href;
    console.log("Open URL: " + url);
    setTimeout(function(){
        window.open(url);
    }, 3000)
}

Звучит как офигенно с трубочкой и прочим :) попробую, и я вернусь к вам, если это сработает ..

guymid · Answer 3 · 2013-09-24T10-59-00.000Z

Попробуйте указать href вне строки:

<a href="../cc2b/myrec.html" onMouseOver="Popup = setTimeout('openwindow(' + window.location.href + ')',3000);" onMouseOut="clearInterval(Popup)">My Rec</a>

Я попробовал это и ничего не всплывает на всех.
Извините, как говорит Doorknob, это должно быть window.location.href

Doorknob · Answer 4 · 2013-09-24T10-32-00.000Z

this.href undefined, я думаю, что вы ищете window.location.href:

> this.href
  undefined
> window.location.href
  "http://stackoverflow.com/questions/18981172/settimeout-window-open-cant-take-this-href"

Кроме того, ваша функция

function openwindow()
{
    var win = window.open()
}

Не принимает никаких параметров и ничего не открывает. Измените его на

function openwindow(target)
{
    var win = window.open(target)
}

Однако будьте осторожны, большинство блокировщиков всплывающих окон блокируют это окно.

Я думаю, что OP пытается взять URL из ссылки, а не текущий URL страницы.