2012-06-08 5 views
0

Мне нужен JavaScript-метод для обнаружения, когда мышь оставляет элемент с id = "myDiv" внутри оператора if().Обнаружить onmouseout в гаджете Google без атрибута события в HTML

I не может использовать событие JS «onmouseout», встроенное в мой HTML. Я должен быть в состоянии обнаружить onmouseout внутри оператора if(), если это вообще возможно.

Вот основной синтаксис я имел в виду, но это не имеет смысла, так как это (и не работает):

if(document.getElementById("myDiv").onmouseout) // if mouse leaves <div id="myDiv"> 
{ 
    //code to be executed 
} 

Я предпочитаю законны «Google Gadget JavaScript», который может быть немного другим. Но если вы знаете о решении JavaScript, вы можете поделиться им! Заранее спасибо!!

+0

И это не работает, потому что ...? – MaxArt

+0

Мне тоже нужно много, но, по крайней мере, я пытаюсь показать, что я делаю какие-то усилия, чтобы получить вознаграждение с помощью ... твоей нет! – balexandre

+0

Я уже вызвал onmouseout для того же элемента, и я занимаюсь внутри второго onmouseout из родительских элементов. – Wagtail

ответ

2

Следует использовать так:

document.getElementById("myDiv").onmouseout = function(){ 
    //code to be executed 
} 
+0

Но я не уверен, что это работает в коде Гаджета Google – Wagtail

+0

Почему бы и нет? –

+0

Я уже пробовал: _gel ("myDiv"). Onmouseout = function() – Wagtail

1

Может быть, теперь я получаю то, что вы имеете в виду ...

document.getElementById("myDiv").onmouseout = function(e) { 
    if (e.stopPropagation) e.stopPropagation(); 
    else e.cancelBubble = true; 
    // code to be executed 
}; 

В Таким образом, onmouseout событие не распространяется на предков #myDiv.

+0

Это было умно, и почти точно, что мне нужно! (мой код выше будет включать часть этого). Моя основная ошибка была небольшая опечатка :-) – Wagtail

1

Понял работает с предложением Дерека:

<?xml version="1.0" encoding="UTF-8"?> 
<Module> 
<ModulePrefs title="hello world example" /> 
<Content type="html"><![CDATA[ 
<div id="myDiv">Hello, world!</div> 
<script type="text/javascript"> 
_gel("myDiv").onmouseout = function(getScroll){ 
_gel("myDiv").innerHTML="working!"; 
} 
</script> 
]]></Content> 
</Module>