onclick 相关问题

用户单击对象时发生的事件。它是两个事件的组合,即“onmousedown”和“onmouseup”。

Onclick 提交表单不适用于 chrome

Form 使用 onclick 提交代码。 我有一个使用 onclick 的表单提交代码,此代码可以在 firefox 上运行良好,但在使用 chrome 时此代码无法正常工作。 回声' 使用 onclick 提交代码。 我有一个使用 onclick 的表单提交代码,这段代码可以在 firefox 上运行良好,但是当使用 chrome 时,这段代码无法工作。 echo '<option onClick="document.formname.stts2.value=\''.$i.'\';document.formname.submit();" value="'.$i.'"> '.$Name[$i].'</option>'; 存在 HTML 语法错误。将代码替换为以下 - echo '<option onClick="document.formname.stts2.value=\'' . $i .'\';document.formname.submit();" value="'.$i.'">' . $Name[$i] . '</option>';

回答 1 投票 0

将列表从 onclick 传递到 jquery 方法

我正在尝试使用 onclick 将 c# 列表参数传递给 jquery 方法。它拒绝使用我假设它的方括号 [] 导致该方法并且列表中的字符串有 s ...

回答 1 投票 0

ant design menu的onClick事件的异常处理

我有一个 Antd 表单,用户可以在其中定义“预设”以自动填充表单字段。存在一个问题,如果为日期选择器字段定义了不正确的日期字符串预设值,应用程序会崩溃...

回答 0 投票 0

为什么这个 Javascript 函数不显示 alert()? [关闭]

如果两个元素未填写,我有一个显示警报的功能,但警报没有显示,它只是重新加载页面。不确定我错过了什么或哪里出错了。 这是...

回答 3 投票 0

我可以将很多 OnClick 缩短为更短的代码吗?

我是 javascript 的初学者,我有这段代码 此代码显示用户添加新输入 但我想我可以缩短它但我找不到正确的方法? showCurs.onclick = function() { ...

回答 2 投票 0

如何创建一个在单击时执行操作但不打开应用程序的小部件

我是 Android 编程的新手,我已经研究这个主题几个小时了,但我找不到解决方案。我正在尝试创建一个小部件,单击该小部件会在应用程序内部执行某些操作(例如 p...

回答 0 投票 0

如何使用 javascript 验证然后使用 php 提交数据?

提交 当我按下这个按钮时,它会运行一个 javascript 验证函数,该函数根据某些数据是否为

回答 12 投票 0

我如何创建一个函数来检查元素是否具有某个类,如果为真,则运行一个单独的函数?

我正在制作一个网站供我进行实验并走出我的舒适区,我正在尝试添加一个按钮,该按钮根据它是使用 javaScri 的深色还是浅色主题运行不同的功能......

回答 4 投票 0

一个完全可用的 JS 下拉菜单不适用于 iOS 设备。为什么?

上下文: StackOverflow 成员用一些 javascript 帮助我制作了一个投资组合“数据库”页面:基本上,100 多个独立的 div 元素中的多件艺术品,div 可以通过 &

回答 0 投票 0

Android Studio: Chips 翻译后无法点击

我创建了一个包含芯片组的可扩展菜单。当此菜单打开或关闭时,有一个“撤消”芯片和一个“重做”芯片,当菜单出现时,它们会向上或向下移动

回答 1 投票 0

ejs for 循环内链接上的 onclick 事件激活所有链接 onclick 事件

在 ejs forEach 循环中,我有带链接的元素,例如: <% someArray.forEach(function(someElement) { %> someElement.title 在 ejs forEach 循环中,我有带链接的元素,例如: <% someArray.forEach(function(someElement) { %> <div> <h5>someElement.title</h5> <a href="#" onclick="<% doSomeAction(someElement) %>">Some Action</a> </div> <% }); %> 当我点击一个元素上的链接时,它会触发列表中所有元素的 onclick 事件。假设我的 Express 代码如下所示: let someArray = [ { title: 'Title 1', body: 'This is element 1' }, { title: 'Title 2', body: 'This is element 2' } ]; let doSomeAction = (someElement) => { console.log(someElement.title); }; 如果我点击 title 是“标题 1”的元素,这就是将要记录在控制台中的内容: Title 1 Title 2 任何人都可以解释这种行为吗?我应该纠正什么,或者更好的方法是什么。我正在使用带有 ejs 的 Express,我之前没有使用 ejs 的经验,所以我可能做错了什么。 这可能有很多年的历史了,并且在这类事情上有潜在的“重复”,但我自己偶然发现了这个问题,因为这是我发现的第一个线程,所以我想我可能会在这里链接其他线程和有用的信息。希望将来可能会出现在这个话题上的其他人(和我自己)觉得它有帮助。 与此主题相关的一般信息和代码 请参阅其他一些 Stack Overflow 问题(和答案)here 和also here 以了解如何执行此操作。我建议在此处也查看 ejs 官方网站的“标签”部分。 专门修复这段代码 我不是 ejs 方面的专家,事实上最近才开始使用它,但话虽如此,我非常有信心我说的话不会让我听起来像个傻瓜(我希望):) 在提供的代码中,在 html 元素标签的 for 循环中,您需要使用 <%= %> 标签,因为您使用的标签 (<% %>) 不会产生/返回输出。 您似乎还缺少 h5 元素中的标签: <h5><%= someElement.title %></h5> 以下代码(忽略使用的不正确标签)调用doSomeAction函数并在呈现html之前返回(不是期望的结果): <!-- ejs (before page load) calls 'doSomeAction' which logs the elements' name os console: > Title 1 --> <a href="#" onclick="<% doSomeAction(someElement) %>">Some Action</a> <!-- since the tags used don't return a value and merely execute code, you'll get the following html --> <a href="#" onclick="">Some Action</a> <!-- however, it did return a value ('<%= %>' tag is used) it would be this --> <a href="#" onclick="undefined">Some Action</a> <!-- this is of course because your function doesn't have a return so the result is 'undefined' ->> 相反,我建议将键字符串(用于字典查找)或项目的索引传递给以这种方式传递对象的函数,同时它可以将对象输出到 html 中以使用它调用函数,不会很漂亮,如果数据发生变化,那么您将拥有该事件的旧数据。 考虑到以上所有内容和参考链接,我将执行以下操作: <% // Uses the index in-case data is updated let doSomeAction = (eleIndex) => { console.log(someArray[eleIndex].title); }; /* // Alternatively, use the key if sorted in a dict let doSomeAction = (eleKey) => { console.log(someArray[eleKey].title); }; */ // I use for..of to get the item and the index and // can also also be async by adding 'await' in front for /*await*/ (let [index, someObj] of someArray.entries()) { %> <div> <h5><%= someElement.title %></h5> <a href="#" onclick="doSomeAction(<%= index %>)">Some Action</a> </div> <% } %> 这将导致以下呈现的 html: <a href="#" onclick="doSomeAction(0)"><h5>Some Action</h5></a> <a href="#" onclick="doSomeAction(1)"><h5>Some Action</h5></a> 还有一点要注意,因为前端dom正在调用函数(而不是在ejs预处理这个时被调用),函数和项目数组将需要存在于它的范围(文档)中,而不仅仅是在 ejs/express 代码 b/c 中,它不能直接调用它们。 如果你最终来到这里,希望这对我和其他人有帮助 o/

回答 1 投票 0

对话框两次,需要时间在使用 flutter 中的快速拨号单击时打开

我在对话框的浮动操作按钮中使用快速拨号,当我连接到 api 数据并且用户在按钮上单击两次然后打开两次 [这是代码...

回答 0 投票 0

你如何移动反应子元素左或右onClick with transform: translateX?

我正在使用反应和样式化组件制作多卡片轮播。我无法让 JS 使用侧箭头按钮向左或向右移动卡片。 我尝试更改

回答 1 投票 0

在 If 语句中更改变量

点击网站上的任何地方都会播放鼠标点击的声音。这可能很烦人,所以我添加了一个按钮,可以在单击时禁用和重新启用声音。我可以禁用声音,但不能重新启用 Fo...

回答 0 投票 0

在 onClick 的箭头函数中使用 setState 时的无限循环 - Next 13

当我尝试使用 onClick 设置状态时,出现无限循环。 我的组件 '使用客户端' 从“反应”导入{使用,使用状态}; 从“@apollo/client”导入{gql}; 小鬼...

回答 0 投票 0

知道事件的前一个处理程序是否返回 false。 IE 中的 defaultPrevented < 9?

我在应用程序中放置了一个全局模式“正在加载,请稍候”。每次单击 或 时都会显示。这是通过分配<...来实现的 我在应用程序中放置了一个全局模式“正在加载,请稍候”<div>。每次单击 <a> 或 <input type="button"> 时都会显示。这是通过在 <body> 中为 onclick 分配一个 onload 事件处理程序来实现的,以便在事件冒泡时执行它: <body onload="setup()"> <!-- No control over what will be here --> </body> <script> function setup() { document.getElementsByTagName('body')[0].onclick = clickFunc; } function clickFunc(eventData) { var clickedElement = (window.event) ? event.srcElement : eventData.target; if (someConditions) { document.getElementById('modal').style.display = "block"; } } </script> 现在,我在标记中有一些组件(我无法控制它们)在它们的 return false 中执行 onclick。这会导致模态弹出窗口显示,并在出现confirm()且用户拒绝时停留在那里。处理这个问题的正确方法可能是 preventDefault(),这样事件就不会冒泡,如 event.preventDefault() vs. return false 中所解释的那样。 但是我无法控制那部分,所以:有没有办法(最好是非 jquery+跨浏览器)知道事件处理程序先前执行的结果(在较低级别)? 如果没有,我想只要组件的<div>包含onclick,我就不得不避免显示模态return false。 这是一个用于测试的JSFiddle。 更新 Bergi 下面的回答是我一直在寻找的。不过,defaultPrevented IE 好像不支持< 9. Is there an equivalent/workaround to achieve that in IE < 9? 您可以检查 (window.event ? event.defaultPrevented : eventData.isDefaultPrevented()) == false 以捕获具有 not 返回的传播事件 false.

回答 1 投票 0

选择选项列表未在移动设备上正确显示,js 无法像在桌面上那样工作

我有一个带有选择选项的表单,在桌面和移动设备上显示和行为不同。所需的行为(桌面)是所有选项都显示在选择框中,其大小为...

回答 0 投票 0

一个 onclick 中的两个 setState 函数

我试图在一次点击中调用两个函数,但是只有第一个函数设置状态。按照其他答案的解决方案,我尝试调用一个函数,然后调用 ...

回答 2 投票 0

Vanilla JavaScript 点击事件运行两次但我点击一次

有人可以帮我解决这个问题:我正在制作一个高级待办事项列表以使用 JS 进行练习,但是当我必须从列表中删除项目并且只剩下两个项目我删除了 sec 时我遇到了错误。 ..

回答 0 投票 0

如何在点击另一个 div 后隐藏一个 div

我想在点击搜索图标后隐藏我的 div,它不是一个按钮所以我真的不知道该怎么做。我想隐藏此文本“只需单击并输入您要隐藏的位置的名称...

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.