Startseite Beiträge getaggt mit "onClick"

Schlagwort: onClick

[JavaScript] Eventhandling

  • sich überlagernde Events werden vom innersten zum äußersten Element verarbeitet

Variante 1 (Funktionszuweisung im HTML)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Buttonclick</title>
</head>
<body>
  <button onclick="btnClick();">Klick</button>
</body>
</html>

// Funktionsdefinition
function btnClick(){
  alert("Test");
}

Variante 2 (Registrierung des Listeners im JS)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Buttonclick</title>
</head>
<body>
  <button id="btn1">Klick</button>
</body>
</html>

// Button mit ID="btn1" holen
let b = document.getElementById("btn1");

// Funktionsdefinition
let btnClick = function(){
  alert("Test");
}

// Funktionszuweisung
b.onClick = btnClick;
// Listener hinzufügen
b.addEventListener("click", btnClick);
// Listener wieder entfernen
b.removeEventListener("click", btnClick);

[Android] Button-Event behandeln

  1. Zuweisung der Button-onClick-Ereignisbehandlungsroutine durch das Attribut android:onClick im XML-Layout: 
    <Button
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:text=&quot;Klick mich!&quot;
        android:id=&quot;@+id/button&quot; android:enabled=&quot;true&quot;
        android:onClick=&quot;onClick&quot;/->
  2. danach die Ereignisbehandlungsroutine onClick im Java-Code implementieren: 
    package com.example.Hello;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;

// Ereignisbehandlung für den Buttonklick
public void onClick(View v)
{
    // hier etwas machen
}