事件

Jensen 發(fā)布于2019-08-20 13:29 / 966人閱讀

摘要：名字學(xué)校年紀(jì)上面代碼中，是表示立即執(zhí)行函數(shù)即使沒有觸發(fā)因?yàn)橹挥羞@樣寫才表示觸發(fā)事件就執(zhí)行。為了可以傳遞參數(shù)，我們修改函數(shù)為下面這樣并且不能寫成下面的形式

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 
      名字：

      學(xué)校：

      年紀(jì)：
    
  }
}

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

上面代碼中，onFocus={this.handleOnfocus("haha")},是表示立即執(zhí)行this.handleOnfocus函數(shù),即使沒有觸發(fā)onFocus,因?yàn)橹挥羞@樣寫onFocus={this.handleOnfocus}才表示觸發(fā)focus事件就執(zhí)行。為了可以傳遞參數(shù)，我們修改handleOnfocus函數(shù)為下面這樣：

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云服務(wù)器云服務(wù)器單擊事件選中事件點(diǎn)擊事件刪除事件事件 41

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81077.html

相關(guān)文章

5、React組件事件詳解

摘要：組件事件響應(yīng)在構(gòu)建虛擬的同時(shí)，還構(gòu)建了自己的事件系統(tǒng)且所有事件對(duì)象和規(guī)范保持一致。的事件系統(tǒng)和瀏覽器事件系統(tǒng)相比，主要增加了兩個(gè)特性事件代理和事件自動(dòng)綁定。 React組件事件響應(yīng) React在構(gòu)建虛擬DOM的同時(shí)，還構(gòu)建了自己的事件系統(tǒng)；且所有事件對(duì)象和W3C規(guī)范保持一致。 React的事件系統(tǒng)和瀏覽器事件系統(tǒng)相比，主要增加了兩個(gè)特性：事件代理、和事件自動(dòng)綁定。 1、事件代理 ...

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

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

URLOS 2019-08-23 17:07 評(píng)論0 收藏0
[學(xué)習(xí)筆記] 事件（上篇）

摘要：指定事件處理程序指定事件處理程序主要有兩種方式級(jí)事件處理程序級(jí)事件處理程序。添加事件處理程序注意這里是哦或移除事件處理程序使用移除事件處理程序的條件與方法相同必須提供相同的參數(shù)，從而添加的匿名函數(shù)也無法被移除。今天看書又看到事件，遂決定小總結(jié)一下~ JavaScript與HTML之間的交互是通過事件實(shí)現(xiàn)的。事件，就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間?？梢允褂帽O(jiān)聽器（事件處...

wangym 2019-08-22 10:57 評(píng)論0 收藏0
[學(xué)習(xí)筆記] 事件（上篇）

摘要：指定事件處理程序指定事件處理程序主要有兩種方式級(jí)事件處理程序級(jí)事件處理程序。添加事件處理程序注意這里是哦或移除事件處理程序使用移除事件處理程序的條件與方法相同必須提供相同的參數(shù)，從而添加的匿名函數(shù)也無法被移除。今天看書又看到事件，遂決定小總結(jié)一下~ JavaScript與HTML之間的交互是通過事件實(shí)現(xiàn)的。事件，就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間?？梢允褂帽O(jiān)聽器（事件處...

RayKr 2019-08-01 14:48 評(píng)論0 收藏0
javascript 之事件篇

摘要：處于目標(biāo)階段事件在上發(fā)生并處理。冒泡階段事件又傳播回文檔。不支持捕獲事件的。總結(jié)二使用事件委托新添加的元素還會(huì)有之前的事件。事件對(duì)象在觸發(fā)某個(gè)事件時(shí)，會(huì)產(chǎn)生一個(gè)事件對(duì)象。 js 是采用異步事件驅(qū)動(dòng)的機(jī)制來響應(yīng)用戶操作的，也就是說當(dāng)用戶對(duì)某個(gè)html元素進(jìn)行操作的時(shí)候，會(huì)產(chǎn)生一個(gè)事件，該事件會(huì)驅(qū)動(dòng)某些函數(shù)來處理。事件源：產(chǎn)生事件的地方（html元素，窗口，其他等等)；事件：鼠標(biāo)事件，鍵盤...

Forest10 2019-08-21 16:17 評(píng)論0 收藏0