Jak wykryć wciśniecie guzika ?

0

mam prosty kod do testowania

<script>
    function abc() {
        alert('3333');
    }
 
    $('#half').click(function() {
        alert('half');
    })
</script>

<button id="abc" class="btn" type="button" onclick="abc()">Abc</button> 
<button id="half" class="btn" type="button">Half</button>

Jak wcisnę guzik Abc to wyświetla się napis 3333 ale jak wcisnę drugi guzik Half to nic się nie pojawia.
Jak wykryć po id guzika który został kliknięty ?

3

W momencie wykonywania skryptu DOM jest jeszcze niegotowy.

$(document).ready(function(){
   $('#half').click(function() {
        alert('half');
    });
});

dodanie znacznika <code class="jquery"> - furious programming

2

to dlatego że skrypt jest przed przyciskami - zostaje wykonany zanim przyciski zostaną dodane do DOM dokumentu
skrypty wywołuj gdy dokument jest gotowy

$(function()
{
 // tutaj
});
1

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

<!DOCTYPE html>
<html>
<body>

<p>Click the button to trigger a function.</p>

<button id="abc" onclick="myFunction(this)">abc</button>
<button id="half" onclick="myFunction(this)">half</button>

<p id="demo"></p>

<script>
function myFunction(e) {
  var myId = e.id; 
  if (myId == "abc")
    document.getElementById("demo").innerHTML = "ABC";
  else 
    document.getElementById("demo").innerHTML = myId;
}
</script>

</body>
</html>

A jeśli chodzi o jQuery (na końcu):
http://stackoverflow.com/questions/6071095/get-the-element-triggering-an-onclick-event-in-jquery

1 użytkowników online, w tym zalogowanych: 0, gości: 1