第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在反應(yīng)中觸發(fā)滾動(dòng)事件的函數(shù)

如何在反應(yīng)中觸發(fā)滾動(dòng)事件的函數(shù)

qq_遁去的一_1 2023-09-28 17:24:54
根據(jù)我查看的 React 文檔,我想我會(huì)使用“useRef”來更新函數(shù),但我不確定。我想觸發(fā)一個(gè)事件來使視頻靜音,有一個(gè)滾動(dòng)事件。現(xiàn)在我正在使用 onClick 來播放/暫停視頻。視頻.jsimport React, { useRef, useState } from "react";import "./Video.css";function Video({ url }) {  const [muted, setMuted] = useState(true);  const [playing, setPlaying] = useState(false);  const videoRef = useRef(null);  var Chrome =    navigator.userAgent.includes("Chrome") &&    navigator.vendor.includes("Google Inc");  const onVideoPress = () => {    if (playing && !Chrome) {      videoRef.current.pause();      setPlaying(false);      setMuted(true);    } else if (playing && Chrome) {      videoRef.current.pause();      setPlaying(false);      setMuted(false);    } else {      videoRef.current.play();      setPlaying(true);      setMuted(false);    }  };  return (    <div className="video">      <video        className="video__player"        autoPlay={true}        loop={true}        muted={muted}        playsInline={true}        // controls        ref={videoRef}        onClick={onVideoPress}      >        <source className="video__controls" src={url} type="video/mp4"></source>      </video>      {/* <VideoFooter /> */}    </div>  );}export default Video;這與如何在反應(yīng)組件中添加滾動(dòng)事件不同,因?yàn)槲覜]有將函數(shù)擴(kuò)展為組件。
查看完整描述

2 回答

?
翻翻過去那場雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

我用了 onScroll={()=> someFunc()}



查看完整回答
反對(duì) 回復(fù) 2023-09-28
?
白板的微信

TA貢獻(xiàn)1883條經(jīng)驗(yàn) 獲得超3個(gè)贊

使用滾動(dòng)事件偵聽器您應(yīng)該能夠?qū)崿F(xiàn)您正在尋找的目標(biāo)。


里面useEffect定義一個(gè)事件滾動(dòng)監(jiān)聽器


document.addEventListener('scroll', function(e) {


       // your logic goes here

      });


查看完整回答
反對(duì) 回復(fù) 2023-09-28
  • 2 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)