Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos do iMasters, estou com um probleminha. Estou fazendo uns experimentos aqui com CSS3 e HTML5 e é o seguinte.
Tenho várias divs da cor branca aqui na minha estrutura HTML, e eu quero que elas mudem de cor (preta) quando eu passar o mouse sobre elas porém clicando, seria mais ou menos um hover misturado com active, mas se eu uso o hover só de passar o mouse ela já muda de cor, e se eu uso o active, só funciona na primeira div que eu clico, então gostaria de basicamente isso:
Sair clicando e arrastando em cima das divs e elas irem trocando de cor conforme o cursor pegasse em cima, entendem?
Ah, mais uma coisa que eu não consegui nem com o hover e nem com o active, queria que depois que elas trocassem de cor (branca>preta) elas não voltassem a cor original.
Estou postando aqui essa minha dúvida pois essa é a minha última saída, afinal nem sei como pesquisar uma coisa dessas no Google, e já que o iMaters é o melhor fórum pra pesquisar sobre o assunto, cá estou eu!
Bom, desde já eu agradeço muito pela ajuda, um grande abraço à todos!
Tipo, se eu clicar em cima de qualquer div e sair arrastando o mouse na tela, qualquer div em que eu passasse o mouse em cima trocaria a cor entendeu?
Seria a mesma coisa de passar o mouse sobre as divs e elas irem trocando a cor, porém a unica diferença é que eu só quero que isso aconteça quando eu passar o mouse sobre elas com o botão esquerdo do mouse "clicado" entende?
Acho que é por isso que eu não estou achando nada desse tipo na net, nem eu sei explicar direito, rs. :D
vc vai ter q trabalhar com o evento onmosedown
depois de conferir se o onmousedown foi disparado, dispare um onmouseover nos elementos alvos q vc quer atingir.
lembrando de no evento onmouseup, liberar os eventos removendo o listener do mouseover.
É comportamento bastante esquisito.. mas enfim.. :lol:
Eu pesquisei sobre esse evento, porém pelo que vi vou ter que aplicá-lo direto no html?
Pq se for isso mesmo to ferrado, afinal a minha estrutura html tem mais de 80 mil divs, por isso tem que ser pelo css, já que só tenho 2 IDs para alterar por lá.
pelo css não tem como, pois esses eventos não existem.
vc vai ter q fazer pelo javascript
não entendi a parte do "arrastando".. vc quer fazer um drag de algum elemento ?