小编Sar*_*asi的帖子

我使用的是 Mac，我正在检查系统何时空闲超过 30 秒并且我需要显示警报。但在我的场景中，当用户花费超过 30 秒的时间浏览选择下拉列表中的选项时，警报会被触发。

我想检测这些选项的滚动。我已经尝试将滚动事件select直接和通过事件委托绑定到页面中存在的元素。我的目标是当我打开一个下拉列表并滚动其中的选项时，系统应该感觉它没有闲着。

下面是一个例子：

$(document).on("scroll","select", function(e){
  console.log("You are scrolling through select box options");
});


/*
$('select').scroll(function(e){
  console.log("You are scrolling through select box options");
});
*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option> …

我正在使用 React-js 应用程序 最近我在运行应用程序时遇到一些问题 npm install 没有问题

套餐版本

反应：“^16.10.2”反应引导：“^1.0.0-beta.16”

尝试了以下步骤，但没有成功

1. 删除node_modules
2. npm 缓存清除 --force
3. npm 安装

完整错误：

ERROR in ./node_modules/react-bootstrap/esm/Modal.js
Module not found: Error: Can't resolve 'dom-helpers/addEventListener' in 'C:\Work\walmart\sams_leadership_insights\samsleadershipinsights-frontend-dev\node_modules\react-bootstrap\esm'
 @ ./node_modules/react-bootstrap/esm/Modal.js 5:0-60 116:6-22
 @ ./node_modules/react-bootstrap/esm/index.js
 @ ./src/components/landingPage/LandingPage.js
 @ ./src/App.js
 @ ./src/index.js
 @ multi @babel/polyfill ./src/index.js

ERROR in ./node_modules/react-bootstrap/esm/createWithBsPrefix.js
Module not found: Error: Can't resolve 'dom-helpers/camelize' in 'C:\Work\walmart\sams_leadership_insights\samsleadershipinsights-frontend-dev\node_modules\react-bootstrap\esm'
 @ ./node_modules/react-bootstrap/esm/createWithBsPrefix.js 4:0-44 9:32-40
 @ ./node_modules/react-bootstrap/esm/ToastBody.js
 @ ./node_modules/react-bootstrap/esm/index.js
 @ ./src/components/landingPage/LandingPage.js
 @ ./src/App.js
 @ ./src/index.js
 @ multi @babel/polyfill ./src/index.js

ERROR in ./node_modules/react-bootstrap/esm/Modal.js
Module not …