事件

Jensen 發布于2019-08-20 13:29 / 958人閱讀

摘要：名字學校年紀上面代碼中，是表示立即執行函數即使沒有觸發因為只有這樣寫才表示觸發事件就執行。為了可以傳遞參數，我們修改函數為下面這樣并且不能寫成下面的形式

import React, {Component, PropTypes} from "react";
import ReactDOM from "react-dom";

class People extends Component {
  constructor(props){
    super(props);
    this.state = {
      name: "sisi",
      school: "hust",
      age: "23"
    }
  }
 handleOnfocus = (ev,varible) => {
  console.log(ev.target.placeholder);
  console.log(varible)
 }
  render(){
    return 
      名字：

      學校：

      年紀：
    
  }
}

ReactDOM.render(
  ,
  document.getElementById("example")
  )

上面代碼中，onFocus={this.handleOnfocus("haha")},是表示立即執行this.handleOnfocus函數,即使沒有觸發onFocus,因為只有這樣寫onFocus={this.handleOnfocus}才表示觸發focus事件就執行。為了可以傳遞參數，我們修改handleOnfocus函數為下面這樣：

handleOnfocus = (variable) => {
    return (ev) => {
  console.log(ev.target.placeholder);
  console.log(varible)
 }
}

并且不能寫成下面的形式

handleOnfocus = (variable) => {
    return (ev,variable) => {
  console.log(ev.target.placeholder);
  console.log(varible)
 }
}

GPU云服務器云服務器單擊事件選中事件點擊事件刪除事件事件 41

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81077.html

5、React組件事件詳解

摘要：組件事件響應在構建虛擬的同時，還構建了自己的事件系統且所有事件對象和規范保持一致。的事件系統和瀏覽器事件系統相比，主要增加了兩個特性事件代理和事件自動綁定。 React組件事件響應 React在構建虛擬DOM的同時，還構建了自己的事件系統；且所有事件對象和W3C規范保持一致。 React的事件系統和瀏覽器事件系統相比，主要增加了兩個特性：事件代理、和事件自動綁定。 1、事件代理 ...

Ververica 2019-08-22 15:13 評論0 收藏0
詳解JS事件 - 事件模型/事件流/事件代理/事件對象/自定義事件

摘要：取消事件的默認行為。阻止事件的派發包括了捕獲和冒泡阻止同一個事件的其他監聽函數被調用。事件模型 DOM0 級事件模型 -沒有事件流，這種方式兼容所有瀏覽器 // 方式一將事件直接通過屬性綁定在元素上 / 方式二獲取到頁面元素后，通過 onclick 等事件，將觸發的方法指定為元素的事件 var btn = document.getElementById(btn) btn....

URLOS 2019-08-23 17:07 評論0 收藏0
[學習筆記] 事件（上篇）

摘要：指定事件處理程序指定事件處理程序主要有兩種方式級事件處理程序級事件處理程序。添加事件處理程序注意這里是哦或移除事件處理程序使用移除事件處理程序的條件與方法相同必須提供相同的參數，從而添加的匿名函數也無法被移除。今天看書又看到事件，遂決定小總結一下~ JavaScript與HTML之間的交互是通過事件實現的。事件，就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。可以使用監聽器（事件處...

wangym 2019-08-22 10:57 評論0 收藏0
[學習筆記] 事件（上篇）

摘要：指定事件處理程序指定事件處理程序主要有兩種方式級事件處理程序級事件處理程序。添加事件處理程序注意這里是哦或移除事件處理程序使用移除事件處理程序的條件與方法相同必須提供相同的參數，從而添加的匿名函數也無法被移除。今天看書又看到事件，遂決定小總結一下~ JavaScript與HTML之間的交互是通過事件實現的。事件，就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。可以使用監聽器（事件處...

RayKr 2019-08-01 14:48 評論0 收藏0
javascript 之事件篇

摘要：處于目標階段事件在上發生并處理。冒泡階段事件又傳播回文檔。不支持捕獲事件的。總結二使用事件委托新添加的元素還會有之前的事件。事件對象在觸發某個事件時，會產生一個事件對象。 js 是采用異步事件驅動的機制來響應用戶操作的，也就是說當用戶對某個html元素進行操作的時候，會產生一個事件，該事件會驅動某些函數來處理。事件源：產生事件的地方（html元素，窗口，其他等等)；事件：鼠標事件，鍵盤...

Forest10 2019-08-21 16:17 評論0 收藏0