當我單擊靠近空白框的數字時，它應該移動（初學者）
[英]When I click a number close to the empty box, it should move (Beginner)
問題描述
嗨，我也很新，想知道是否有人可以用這個“簡單”的棘手代碼幫助我，問題是我希望數字也像圖片拼圖一樣移動，所以當您單擊遠離空白框的數字時，也是如此發生，但是當您單擊旁邊的數字時，該數字將移動到空白框的位置，並且該框將移動到該數字的最后一個位置。 到目前為止，這是我所擁有的：P
<!DOCTYPE html> <html> <head> <Style> div.container { display: flex; height: 28vh; } div.BundTekst { display: flex; height: 28vh; } div.number { color: White; background-color: black; margin: 10px; border: 10px solid red; display: flex; flex: 1; font-size: 500%; text-align: center; flex-direction: column; justify-content: center; } </style> </head> <body> <h1>Introduksjon til HTML, CSS og Javascript</h1> <div class="container"> <div id="A1" class="number" onclick="show(this)" >7</div> <div id="A2" class="number" onclick="show(this)" >2</div> <div id="A3" class="number" onclick="show(this)" >5</div> </div> <div class="container"> <div id="B1" class="number" onclick="show(this)" >1</div> <div id="B2" class="number" onclick="show(this)" ></div> <div id="B3" class="number" onclick="show(this)" >3</div> </div> <div class="container"> <div id="C1" class="number" onclick="show(this)" >6</div> <div id="C2" class="number" onclick="show(this)" >9</div> <div id="C3" class="number" onclick="show(this)" >8</div> </div> <script> var counter = 0; var lastClickedDiv; function show(tag, alt1, alt2, alt3, alt4){ if(alt1 && document.getElementById(alt2).innerHTML == 'Alt1') { tag.innerHTML = 'alt1'; } if(alt2 && document.getElementById(alt2).innerHTML == 'alt2') { tag.innerHTML = 'alt2'; } if(alt3 && document.getElementById(alt3).innerHTML == 'alt3') { tag.innerHTML = 'Alt3'; } if(alt4 && document.getElementById(alt4).innerHTML == 'alt4') { tag.innerHTML = 'Alt3'; } } </script> </body> </html>
1 個解決方案
解決方案1
0 2017-05-23 12:34:23
檢查以下代碼。 希望這是您想要的：
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> div.container { display: flex; height: 28vh; } div.BundTekst { display: flex; height: 28vh; } div.number { color: White; background-color: black; margin: 10px; border: 10px solid red; display: flex; flex: 1; font-size: 500%; text-align: center; flex-direction: column; justify-content: center; } </style> </head> <body> <h1>Introduksjon til HTML, CSS og Javascript</h1> <div class="container"> <div id="A1" class="number">7</div> <div id="A2" class="number">2</div> <div id="A3" class="number">5</div> </div> <div class="container"> <div id="B1" class="number">1</div> <div id="B2" class="number empty"></div> <div id="B3" class="number">3</div> </div> <div class="container"> <div id="C1" class="number">6</div> <div id="C2" class="number">9</div> <div id="C3" class="number">8</div> </div> <script> $(".number").click(function(){ $(".empty").text($(this).text()).removeClass('empty'); $(this).addClass('active').text('').addClass('empty'); }); </script> </body> </html>
從窗口中的任何位置單擊選擇框時，如何獲得選擇框關閉事件？
[英]How can i get Select box close event when click out of the select box any where in window?
當我在Angular中單擊時如何在Angular中關閉`div`框。不使用jQuery
[英]How to close a `div` box in Angular when I click outside of it.Without using jQuery
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.