Perguntas com a marcação «dom-events»

Então, depois de ler uma pergunta respondida recentemente, não estou claro se realmente entendo a diferença entre o mouseenter()e mouseover(). A postagem afirma Passe o rato por cima(): Dispara ao entrar em um elemento e sempre que qualquer movimento do mouse ocorrer dentro do elemento. MouseEnter (): Dispara ao entrar …

172 jquery  dom-events 

Estou tendo problemas com a onmouseoutfunção em uma div positonada absoluta. Quando o mouse atinge um elemento filho na div, o evento mouseout é acionado, mas não quero que ele seja acionado até que o mouse esteja fora do pai, div absoluto. Como impedir que o mouseoutevento seja disparado quando …

169 javascript  css  dom-events  onmouseout 

Eu uso jQuery.clickpara manipular o evento clique do mouse no gráfico Raphael, enquanto isso, eu preciso lidar com rato dragevento, arrastar do mouse consiste em mousedown, mouseupe mousemoveem Raphael. É difícil distinguir clicke dragporque clicktambém contém mousedown& mouseup, Como posso distinguir o mouse "clique" e o mouse "arraste" em Javascript?

165 javascript  dom-events 

Normalmente, eu definia o intervalo como uma variável e depois limpava-o como var the_int = setInterval(); clearInterval(the_int); mas, para o meu código funcionar, coloquei-o em uma função anônima: function intervalTrigger() { setInterval(function() { if (timedCount >= markers.length) { timedCount = 0; } google.maps.event.trigger(markers[timedCount], "click"); timedCount++; }, 5000); }; intervalTrigger(); Como …

163 javascript  settimeout  dom-events 

Visão geral Eu tenho a seguinte estrutura HTML e anexei os eventos dragentere dragleaveao <div id="dropzone">elemento <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> Problema Quando arrasto um arquivo sobre o <div id="dropzone">, o dragenterevento …

163 jquery  html  file-upload  drag-and-drop  dom-events 

No HTML5, o searchtipo de entrada aparece com um pequeno X à direita que limpa a caixa de texto (pelo menos no Chrome, talvez outros). Existe uma maneira de detectar quando esse X é clicado em Javascript ou jQuery, além de, digamos, detectar quando a caixa é clicada ou fazer …

154 javascript  jquery  html  events  dom-events 

Vamos supor que eu tenha um link na minha página: <a href="#" id="foo">Click Here</a> Não sei mais nada, mas quando clico no link, um alert("bar")é exibido. Então eu sei que em algum lugar, algum código está sendo vinculado #foo. Como posso encontrar o código que está vinculando o alert("bar")evento click? …

148 javascript  google-chrome  debugging  dom-events  inspector 

Atualmente , o Twitter Bootstrap 3 possui os seguintes pontos de interrupção responsivos: 768px, 992px e 1200px, representando dispositivos pequenos, médios e grandes, respectivamente. Como posso detectar esses pontos de interrupção usando JavaScript? Gostaria de ouvir com JavaScript todos os eventos relacionados acionados quando a tela muda. E para poder …

139 javascript  twitter-bootstrap-3  dom-events 

Eu sei sobre o document.form.button.click()método No entanto, eu gostaria de saber como simular o onclickevento. Encontrei esse código em algum lugar aqui no Stack Overflow, mas não sei como usá-lo :( function contextMenuClick() { var element= 'button' var evt = element.ownerDocument.createEvent('MouseEvents'); evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView, 1, 0, 0, 0, 0, …

137 javascript  dom-events  mouseclick-event 

Eu tenho o seguinte código: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> Quero capturar a resposta html de form1.submit? Como eu faço isso? Posso registrar qualquer função de retorno de chamada no método form1.submit?

130 javascript  forms  dom-events  form-submit 

Como estou criando um evento, use o construtor DOM Event: new Event('change'); Isso funciona bem em navegadores modernos; no entanto, no Internet Explorer 9, 10 e 11, falha com: Object doesn't support this action Como posso corrigir o Internet Explorer (de preferência através de um polyfill)? Se não puder, há …

129 internet-explorer-9  internet-explorer-10  internet-explorer-11  dom-events  custom-events 

Entendo que não é possível dizer o que o usuário está fazendo dentro de um iframese for um domínio cruzado. O que eu gostaria de fazer é acompanhar se o usuário clicou em tudo no iframe. Eu imagino um cenário em que há um invisível divem cima do iframee o …

128 javascript  iframe  ads  dom-events  click-tracking 

Eu tenho uma lista de seleção: <select id="filter"> <option value="Open" selected="selected">Open</option> <option value="Closed">Closed</option> </select> Quando seleciono Closeda página recarrega. Nesse caso, ele mostra tickets fechados (em vez de abertos). Funciona bem quando faço manualmente. O problema é que a página não é recarregada quando eu seleciono Closedcom Watir : browser.select_list(:id …

122 javascript  events  watir  dom-events  browser-automation 

Observe que Object.Watche Object.Observeambos estão obsoletos agora (em junho de 2018). Eu estava procurando uma maneira fácil de monitorar um objeto ou variável quanto a alterações e descobri Object.watch()que isso é compatível com os navegadores Mozilla, mas não com o IE. Então comecei a pesquisar para ver se alguém havia …

118 javascript  jquery  dom-events 

Gostaria de descobrir qual tecla de caractere é pressionada de maneira compatível com vários navegadores em Javascript puro.

118 javascript  dom-events  keypress