“Adicionar ouvintes de eventos” Respostas de código

ouvinte de evento JavaScript OnClick

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});
Batman

JS addEventListener

var element=document.getElementById("some_id");
var listener=element.addEventListener('click',function(event){                          
            
 }); 
Grepper

ouvinte de eventos JavaScript

element.addEventListener("click", function(){ 
   element.innerText = "something"; 
}); 
Bad Bug

ouvintes de eventos

function simulateClick() {
// Get the element to send a click event
const cb = document.getElementById("checkbox");

// Create a synthetic click MouseEvent
  let evt = new MouseEvent("click", {
    bubbles: true,
    cancelable: true,
    view: window
  });

// Send the event to the checkbox element
cb.dispatchEvent(evt);
}
document.getElementById("button").addEventListener('click', simulateClick);
Hadeel Mohammad

Adicionar ouvintes de eventos

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      message: ""
    };
    this.handleEnter = this.handleEnter.bind(this);
    this.handleKeyPress = this.handleKeyPress.bind(this);
  }
  // change code below this line
  componentDidMount() {
    document.addEventListener("keydown", this.handleKeyPress);
  }
  componentWillUnmount() {
    document.removeEventListener("keydown", this.handleKeyPress);
  }
  // change code above this line
  handleEnter() {
    this.setState({
      message: this.state.message + "You pressed the enter key! "
    });
  }
  handleKeyPress(event) {
    if (event.keyCode === 13) {
      this.handleEnter();
    }
  }
  render() {
    return (
      <div>
        <h1>{this.state.message}</h1>
      </div>
    );
  }
}
Nix Derp

Respostas semelhantes a “Adicionar ouvintes de eventos”

Procure respostas de código populares por idioma

Procurar outros idiomas de código