我正在制作一个可以在鼠标移动时拖动的滑块,我正在获取鼠标的起始位置并用当前鼠标位置减去它并将其设置为状态并将其添加到元素向左滚动但它不起作用onMouseMove = (e) => {if (!this.isDown) {return}e.preventDefault();var x = e.pageX - this.slider.current.offsetLeft;var walk = thi
2019-09-01
我有一个水平的ScrollView,我想让它具有滚动功能,其中onPress应该向右滚动。我正在使用功能组件。下面是我的代码片段:const scroll = React.createRef();<TouchableOpacity onPress={()=>{scroll.current.scrollTo({x: 0})}}}><ScrollViewhorizontal={true}showsHo
2021-01-22
为什么它没有按预期工作?有时它可以工作,有时它不工作 - 我无法弄清楚这一点。带有ScrollIntoView的代码片段是从另一个页面的另一个 js 文件中复制而来的,并且在那个页面中它可以正常工作?ID 的refTP和refPP位于ReferencesPP和ReferencesTP中的 div 标签内>import React, {useState} from 'react'import Ref
2021-02-04
以下代码经常出现上述错误const [consumerMessages, setConsumerMesssages] = useState([])const messagesEndRef = useRef(null);const scrollToBottom = () => {messagesEndRef.current.scrollIntoView({ behavior: "smooth" })
2021-03-07
我正在尝试创建滚动效果,其中左侧图像根据滚动位置而变化,右侧在滚动时更改内容。尝试执行onscrolljavascript 函数时出现错误。我不确定我做错了什么 - 我试图在 React App 中使用它 - React 是否有可能有不同的规则来调用此函数?我在这里创建了示例:https://codesandbox.io/s/scroll-effect-37ecc
2021-08-28
当我尝试单击导航栏上的某个项目时,我收到错误Uncaught TypeError: Cannot read properties of null (reading 'scrollIntoView')。这是一个有点棘手的问题,但如果我从头开始加载页面,它会抛出上述错误。但是,如果我再次在 VSCode 中保存项目,它将正常工作,直到我刷新页面。有没有办法纠正这个问题?Navbar.jsx:impor
2022-11-22
我正在尝试使用 JavaScript 制作一个简单的待办事项列表。基本上,您在输入字段中输入一个项目,它会被添加到列表中,如果已完成,则单击它,然后它就会被划掉。如果您单击已经划掉的列表,则会删除该行。但是,虽然删除一行有效,但添加一条划掉的线却不起作用。HTML:<div><input type="text" value="" id="new_task"><button id="add_task
2014-02-23
我有点困惑为什么我的代码不能正常工作,我希望你能告诉我我做错了什么。我想在单击时突出显示导航选项卡。HTML:<header class="mainheader"><!-- Obrazek tutaj--><nav><ul><li><a id="a-home" onclick="dodajAktywne(this)" href="index.html">Home</a></li><li><a id
2014-11-16
我尝试使用 javascript 和 jquery 创建div标签。我尝试将 onclick 函数应用于div标签,但这不起作用?var header = '<div id = "header" style="height:150px; width:500px; background:#a2a2a2;" ></div>';document.body.insertAdjacentHTML('befo
2015-03-03
使用像这样的字符串时,我可以内联附加样式element.style.width='100px';但是,如果我使用像这样的变量,它不会附加//get ID of clicked elemntvar divId = cssPath(e.target).substring(1);var tagetDiv = document.getElementById(divId);var targetWidth =
2015-06-23
我想使用 jquery 创建基本的移除和删除功能。但我使用 jquery append 时遇到问题,为什么单击 append 时无法在新的 <li> 上添加 class active。当我单击 <li> 时,它会在 <li> 上添加 class active,然后我想删除具有 class active 的 <li>有人能帮我解决为什么会发生这种情况吗$(document).ready(functi
2017-02-08
我想用 javascript 实现类似当我点击任意一个缩略图(btn-1、btn-2 和 btn-3)时,特定类应该动态添加到框 div 中。我的代码:JSFiddledocument.getElementById('btn-1').onclick = function() {document.getElementById('box').className = 'bg-1';}#box {back
2017-08-24
首先,解决方案必须是纯 VanillaJS。我有一个简单的 HTML 代码。<div class="x">X</div><div class="x">Y</div><div class="x">Z</div>和一个 VanillaJS 代码。document.addEventListener('DOMContentLoaded', function() {var l = document.crea
2018-06-28
我有一个输入元素<input type="submit" id="btn-submit-id"class="btn btn-success btn-submit-employee employee-tag" value="Submit">并使用指向其类名btn-submit-employee的 javascript onclick 调用 -$(".btn-submit-employee").on(
2019-09-09
我在按钮上设置了onclick()事件,以执行以下代码:function digital_tour(){let loader = document.createElement("div");loader.className = "loader";console.log(loader);document.getElementById("main-div").appendChild(loader);}
2021-10-05