如何使用onclick重复函数？
使用onclick重复函数的方法是在HTML元素上添加onclick属性，并将要执行的函数作为属性值。当用户点击该元素时，函数将被触发执行。
以下是具体步骤：
- 在HTML元素中添加onclick属性，例如：
- 在HTML元素中添加onclick属性，例如：
- 创建要重复执行的函数，例如：
- 创建要重复执行的函数，例如：
- 确保点击元素和函数的命名相对应，使得onclick属性值与函数名一致。
这样，在用户点击该元素时，函数myFunction()会被执行，并在控制台输出"函数被执行了！"。
注意：onclick属性只能绑定一个函数，如果需要执行多个函数，可以使用如下方式：
<button onclick="function1(); function2();">点击我执行多个函数</button>这样，函数function1()和function2()都会被依次执行。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云函数（Serverless）：一种无服务器计算产品，让您无需关心服务器管理，只需编写函数代码即可响应事件触发。详细介绍请参考：云函数产品介绍
- 腾讯云云原生容器服务（TKE）：以 Kubernetes 为核心，提供完备的容器解决方案。详细介绍请参考：容器服务产品介绍
- 腾讯云CDN（内容分发网络）：用于加速用户访问网站、下载软件、观看音视频等服务，提供稳定、高效、安全的全球加速服务。详细介绍请参考：CDN产品介绍
- 腾讯云数据库：提供多种数据库产品和解决方案，包括云数据库 MySQL、云数据库 Redis、分布式数据库 TDSQL 等。详细介绍请参考：数据库产品介绍
- 腾讯云安全产品：包括 Web 应用防火墙（WAF）、DDoS 高防、安全加速等产品，提供全方位的云安全解决方案。详细介绍请参考：安全产品介绍
- 腾讯云人工智能（AI）：提供丰富的人工智能产品和服务，包括图像识别、自然语言处理、智能语音交互等。详细介绍请参考：人工智能产品介绍
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备管理、数据采集、数据分析和应用开发等。详细介绍请参考：物联网产品介绍
- 腾讯云移动开发：提供移动应用开发相关的云服务，包括移动后端云服务、推送服务、移动测试等。详细介绍请参考：移动开发产品介绍
- 腾讯云对象存储（COS）：提供海量、安全、低成本的云存储服务，可用于存储和处理各类非结构化数据。详细介绍请参考：对象存储产品介绍
- 腾讯云区块链：提供灵活且易于使用的区块链服务，可满足不同场景下的需求，如供应链金融、溯源防伪等。详细介绍请参考：区块链产品介绍
- 腾讯云虚拟主机（CVM）：提供灵活、可扩展的云服务器，可满足不同规模和需求的应用部署。详细介绍请参考：云服务器产品介绍
请注意，以上仅为腾讯云的一些产品介绍，不包括其他品牌商的相关产品。
相关·内容
2回答
我有两个问题:1-对于有输入值的函数，我如何设置间隔我测试了这个，但现在可以工作了
<script>
function bn(x)
{
alert (x);
}
setInterval("bn(x)",3000);
</script>
<a href="#" onclick="bn(1);">bn 1</a><br>
使用未定义工作，但显示“setInterval("bn()",3000);”而不是“1”
2-如何设置两个值重复表示当重复此函数时，我尝试新值，函数重复两个
浏览 2提问于2012-05-21得票数 0
回答已采纳
我正在尝试将一个onClick侦听器添加到li中，而道具将被传递到另一个组件，该组件最终将调用一个函数。我的第一个想法只是放在2 onClick，但我收到了重复道具的警告。
<li onClick={props.headlinesClicked} onClick={props.getData}>Top Headlines</li>
然后，我尝试了vahnilla方式，但我认为它不起作用，因为它们是表达式而不是实际函数。
<li onClick={() => {{props.headlinesClicked}; {props.getData}}}>To
浏览 1提问于2018-03-12得票数 5
回答已采纳
我在每个列表项目上都有非常相似的onClick功能，我不知道如何避免重复自己。我相信我可以用一张地图，但我很难想出解决办法。有什么建议吗？
<li
onClick={() => {
setSortTitle("Release Date");
setIsActive(false);
dispatch(sortByReleaseDate(searchedMovies));
}}
>
浏览 4提问于2021-03-17得票数 0
回答已采纳
我希望这个问题的标题符合我在这里的要求。
我在HTML &javascript中有以下代码：
<button id="Z">Z</button>
var btnZ = document.getElementById("Z");
btnZ.onclick = function() {
// Some code
好的，现在我想在用户按下键盘上的"Z“键时执行btnZ.onclick函数。在不重复btnZ.onclick函数中的代码的情况下，我如何做到这一点？
浏览 0提问于2014-05-22得票数 3
回答已采纳
只是想知道如何创建一个函数，可以解释所有其他颜色以及，而不重复以下每种颜色的功能。
const blackSwitch = () => {
if (black == true) { setBlack(false) } else { setBlack(true) }
}
const whiteSwitch = () => {
if (white == true) { setWhite(false) } else { setWhite(true) }
}
<div>
<inpu
浏览 3提问于2022-04-30得票数 0
如何避免这种重复的代码？我是javascript的新手。我需要用不同的参数调用相同的函数100次，并且有100个不同的getElementBys
(function() {
var ok, publicSessionID, sms, a, b, c, d, e, f, g, h, i, j;
var pubnub = PUBNUB.init({
subscribe_key: '',
publish_key: ''
});
function getParameterByName(name) {
浏览 0提问于2014-04-10得票数 1
1回答
防止用户多次点击按钮
、、、
我正在ASP中编辑代码，需要帮助修复此代码，以便用户只能提交表单一次(防止重复提交)：
我的代码是：
<asp:button id="btnSave" runat="server" onclick="btnSave_Click" text="Submit" />
如何将onclick更改为只允许一次提交？
浏览 0提问于2014-10-16得票数 0
2回答
如何使这段代码更高效或更短。我觉得重复的功能太多了。有没有办法使这一切都在一个和更短的？
<html>
<body>
<button onclick="myFunction()">Audio 1</button>
<button onclick="myFunction2()">Audio 2</button>
<button onclick="myFunction3()">Audio 3</button>
<script>
funct
浏览 3提问于2017-10-16得票数 1
回答已采纳
我想知道在React组件中使用bind和匿名函数是否存在性能差异。
具体而言，以下哪一种比另一种更有表现力？
const MyComponent = ({ myHandler }) => {
...
return (
<a onClick={myHandler.bind(this, foo, bar)} ...>
hello world
</a>
);
}
const MyComponent = ({ myHandler }) => {
...
return (
<a
onClick
浏览 2提问于2017-03-23得票数 10
回答已采纳
5回答
我知道怎么做开关：
<div onclick="text1()">Hello</div>
<div id="click1">World</div>
<script>
function text1() {
var x = document.getElementById("click1");
if (x.style.display === "none") {
x.style.display = "block";
} else {
浏览 2提问于2020-09-16得票数 0
回答已采纳
4回答
可能重复：
我想将多个参数传递给Jquery函数。下面是Javascript示例代码。我想将这个javascript函数转换为jquery函数。如何将这些参数传递给jquery onclick事件？
<a onclick="showState('state_name','state_id')">ADD STATE </a>
function showState(state_name,state_id){
openbox_state(state_name,state_id);
}
浏览 6提问于2012-11-30得票数 2
回答已采纳
1回答
这个简单的React按钮类在单击时触发一个无限循环(即日志记录‘点击！’到控制台100次)：
///////////////////////////////////////////////////////////////////////////////////////////
// TestButton.js
exports.TestButton = React.createClass({
onClick: function(event) {
event.preventDefault();
event.stopPropagation();
浏览 4提问于2015-10-21得票数 6
回答已采纳
如果这是重复的，让我知道，但我看到了类似的问题，对反应环境，而不是对纯html+js。
问题是，我将js函数编写为html onclick属性，它正在工作：
<button onclick="function myFunction(){ alert('hi')} myFunction();">Hi</button>
但是我不能把箭头函数写成html，点击螺旋桨，就像这样：
<button onclick="()=>alert('hi')">Hi</button>
有可能吗？
浏览 3提问于2020-11-12得票数 6
回答已采纳
4回答
我是Javascript的初学者，我有一个关于如何为回调提供论据的问题。目前，我有两个代码块，它们本质上与下面的代码相同。
let backArrow = document.createElement("INPUT")
backArrow.type = "image"
backArrow.src = "./images/noun_back_878298.png"
backArrow.alt = "Back"
backArrow.onclick = removeModuleMobile
backArrow.id = "bac
浏览 4提问于2020-03-19得票数 0
回答已采纳
可能重复：
我有这样的代码：
var Functionify = function() {
return {
init: function(el, t) {
var els = document.getElementsByClassName(el);
var elsL = els.length;
while(elsL--){
//els[elsL].onclick = els[elsL].getAttribute(t);
浏览 0提问于2012-07-30得票数 5
可能重复：
我正在尝试将一个函数放入HTML标记中，这是我通过javascript生成的。
我得到的是：
<script type="text/javascript">
var html = '';
html += '<div><a href="#" onclick="showBlock("#idTextBlocks");">Show Text Blocks</a></div>';
</script>
浏览 5提问于2012-11-23得票数 2
回答已采纳
我有以下代码：
const getFromFirebase = () => {
//1.
let storageRef = storage.ref(`${user1}/${currentItem.id}`);
//2.
storageRef.listAll().then(function (res) {
//3.
res.items.forEach((imageRef) => {
imageRef.getDownloadURL().then((url) => {
/
浏览 26提问于2021-11-24得票数 0
我从获得了这段代码，我对其进行了一些修改，以向输入中添加唯一的数字。
var i = 1;
function addkid() {
i++;
var div = document.createElement('div');
var id = i;
div.innerHTML = 'Child_' + id + ': <input type="text" name="child_' + id + '"/>' + ' <input type="bu
浏览 9提问于2017-02-12得票数 2
回答已采纳
如果这是已经存在的问题，请帮助我标记为重复，因为我找不到类似的解决方案。
当有多个方法调用onclick属性时，例如：
<a onclick="foo();afterFoo();afterAfterFoo();"/>
当afterFoo()、afterAfterFoo();满足某些条件时，我想停止后续的调用。
我在方法return false;中尝试了foo()，但它仍然调用其他方法。我记得这个伎俩以前很管用的。
浏览 0提问于2019-08-13得票数 3
回答已采纳
3回答
我不能用JQuery。
尝试在td元素上设置一个事件listner，这样如果用户单击它，它将读取td中的文本，并在相同的表行中查找重复的文本。ABC是重复的。
<tr><td onclick='foo()'>ABC</td><td>7</td></tr>
<tr><td onclick='foo()'>DEF</td><td>8</td></tr>
<tr><td onclick='foo()&
浏览 3提问于2015-02-19得票数 0
回答已采纳
3回答
嗨，我想根据查询来显示或隐藏重复记录。因此，我需要知道如何从C#代码后台调用javascript函数。
<a onclick="Grid1.insertRecord(); return false;" id="a2" href="javascript:">Save</a>
当我单击保存时，我需要显示一个弹出窗口，它是我用javascript编写的。
if (!exist)//exists is the query
{
System.Web.UI.Control my = Fi
浏览 0提问于2011-03-27得票数 2
我在一个组件中调用setState，在另一个组件中调用onClick函数，但它指出this.setState不是一个函数，并且一个组件在componentWill update中重复调用setState。我该如何解决这个问题？这是app.js文件的相关内容:导出默认类App扩展React.Component { constructor(props) {
super(props);
this.state = {
activeScreen: 'dashboard'
}
}
setActiveScreen(key) {
this.
浏览 33提问于2020-01-09得票数 0
回答已采纳
可能重复：
t.onclick = doSomething
t.onclick = doSomething()
这两项活动的注册有什么不同？
有时我会对他们感到困惑，加上括号似乎不会引起大问题？
浏览 9提问于2012-02-20得票数 0
回答已采纳
我认为这很奇怪，但我无法在onClick方法中启动我的onClick方法。以下是代码：
@Override
public void onClick(View v) {
SelectedCoinsListener selectedCoinsListener = this;
List<SelectCurrency> finalList;
finalList = this.currenciesPair;
switch (v.getId()) {
case R.id.fromCurrency :
if (toCur
浏览 0提问于2018-09-21得票数 0
回答已采纳
<body>
<input type="text" value="10" id="txtBox" /><br/><br/>
<input type="button" value="Start Timer" onclick="startTimer('txtBox')" />
<input type="button" value="Stop Timer" onclick=&
浏览 1提问于2018-01-15得票数 1
我在一个函数式React组件中工作，我试图用一个基于成员类型名的条件onClick来呈现一个'Card‘组件。如果卡的typename是“Bundle”或“Legacy文章”，则卡应该是可点击的。任何其他typename都不应具有onClick属性。 我很难找到一种有效的方法来将onClick应用到卡片上，而不是使用一堆重复代码的条件(这些代码本质上是“card”组件的嵌套子组件)。 到目前为止，我已经能够从一个函数中有条件地呈现它。这使得我的return语句具有更好的可读性，但仍然有大量代码被重复，我想找到一种方法来减少这种情况。 return (
<div css={ca
浏览 31提问于2019-09-04得票数 0
回答已采纳
很抱歉，如果这可能被认为是一个轻微的重复，但我找不到一个答案，帮助我理解为什么myFunc()是在页面加载，而不是当我点击el1或el2。如何使下列代码按照预期的方式运行？
function myFunc(param){
//yadayada
}
el1.onclick = myFunc('string1');
el2.onclick = myFunc('string2');
谢谢。
浏览 3提问于2014-02-19得票数 0
回答已采纳
可能重复：
-- HTML文件--
<a href="#link_1" id="id_0" onclick = "getElement('parms1', 'parms2', 'parms3')">0</a>
<a href="#link_2" id="id_1" onclick = "getElement('parms1', 'parms2', 'parms3')"
浏览 4提问于2012-09-19得票数 0
回答已采纳
我有一个按钮，它将有一个硬编码的onClick，而另一个使用该组件的按钮可以创建他的自定义onClick。我不相信这是重复的，因为我发现的所有问题都建议以一种硬编码的方式使用两个onClick，这在使用Button组件时是无法更改的。
这是组件：
const Button = props => {
const { children, toggle, ...other } = props;
const [pressed, setPressed] = useState(true);
const renderPressedButton = e => {
setPres
浏览 0提问于2019-11-28得票数 0
我做错了什么？如果这是一个重复的问题，请将我重定向到正确的问题，因为我找不到它的任何东西。
很简单：
我得到了以下错误："Uncaught TypeError:无法设置空的属性'onclick‘“
在这个超级超级简单的代码中：
window.onload = function() {
document.write('<input id="a" type="button" value="This is a button :)">');
document.getElementById("
浏览 1提问于2018-06-23得票数 0
为什么在3秒后函数会被重复调用？
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
alert("hello");
setTimeout(myFunction(),3000);
// setTimeout(function(){ alert("Hello") }, 3000);
}
</script>
浏览 1提问于2013-04-17得票数 0
2回答
我有两个函数，用于向端点添加/删除数据。我目前有两个函数，一个是添加数据，另一个是删除数据。
const addMultipleAuthorities = async () => {
const postMultipleAuthoritiesData = {
sid: selectedPerson,
authorities: selectedAuth,
action: 'add'
}
console.log(postMultipleAuthoritiesData);
}
const removeMul
浏览 9提问于2020-11-12得票数 0
我的职能：
$('a[href$=".pdf"]').each(function () {
var $linkText = $(this).text();
$(this).attr('onclick', "_gaq.push(['_trackEvent','" + $linkText + "','click']);");
});
$('a[href$=".doc"]').each
浏览 5提问于2013-10-30得票数 0
回答已采纳
可能重复：
我可以延迟元素的onclick操作吗？我有一个元素，它在onclick事件中调用一个函数。如何延迟对该函数的调用？我想告诉浏览器在执行onclick操作之前停止两秒钟。
元素看起来是这样的。
<div id="id01" class="channel" onclick="load_window('http://www.ewtn.com')"><a>EWTN.com</a></div><br/>EWTN television network</div
浏览 0提问于2012-05-02得票数 1
var color = "rgb(" + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + ")";
document.getElementById("name").innerHTML = color;
document.getElementById("bg").style.backgroundColor = col
浏览 43提问于2017-11-07得票数 0
回答已采纳
有一些js代码是这样的：
function makeSizer(size) {
return function() {
document.body.style.fontSize = size + 'px';
};
}
var size12 = makeSizer(12);
var size14 = makeSizer(14);
var size16 = makeSizer(16);
document.getElementById('size-12').onclick = size12;
document.getElementById(
浏览 1提问于2013-10-11得票数 0
回答已采纳
4回答
可能重复：
这能行吗
<script type="text/javascript">
var foo = function(param)
{
param.innerHTML = "Not a button";
};
</script>
<button onclick="foo(this)" id="bar">Button</button>
而不是这个？
<script type="text/javascript">
var foo = f
浏览 0提问于2012-10-10得票数 52
回答已采纳
4回答
我尝试过使用和，但重复的长行并不会减少。为了解决这个问题，我添加了：
var M =
{
m1: function( html_id, method_call )
{
return ( document.getElementById( html_id ).onclick = method_call );
}
};
这样就不用写了
document.getElementById(test).onclik = test;
我会写
M.m1(test,test);
然而，这使得代码难以阅读。有没有我错过的选项可以帮我解决这个问题。谷歌或雅虎肯定知道如何自动
浏览 1提问于2012-05-13得票数 1
回答已采纳
可能重复：
如何在不刷新文件标签的情况下获得图像的高度和宽度？
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function getW()
{
var theImg = document.getElementById('testimg');
alert(theImg.width);
}
function getH()
{
浏览 4提问于2011-07-09得票数 5
我正在开发asp.net web应用程序，我有一个调用注册用户控件的中继器，我在用户控件中有一个按钮，我想调用一个javascript函数，使Ajax调用服务器上的一些操作。这个按钮没有调用javascript方法，我不知道为什么？当我查看源代码时，我发现中继器中的每个项目都重复了javascript函数，如何消除这种重复，特别是我读取函数中的服务器项目，以及为什么不调用该函数？
非常感谢!
sercontrol.ascx
<div id="divBtnEvent" runat="server">
<input type="
浏览 2提问于2011-07-01得票数 1
2回答
问题:如何处理jQuery中连续的按钮单击。例如，我正在向服务器提交表单，但在此期间，用户再次单击按钮，然后为相同的请求生成重复请求。如何在jQuery中有效地处理这一问题。
HTML代码：
<a id="submitBtn" href="javascript:void(0);"
onclick="login.validateLogin();"
class="btn btn-lg btn-success btn-block">Login</a>
jQuery代码：
var login = {
浏览 3提问于2014-12-13得票数 0
回答已采纳
可能重复：
我正在通过API call.It获得一些json对象，其格式为：-
{data:[{id:"1",name:"some1",url:"someurl1"},{id:"2",name:"some2",url:"someurl2"}...]}
我是通过一个jsonp结果得到的，它被解析如下：
function(results){
for(var i=0;i<10;i++){
item=document.createElement("div");
浏览 6提问于2012-09-19得票数 4
回答已采纳
我在我的网站上有一个按钮，可以用以下功能触发onclick事件 onclick="
updatePage('<?php echo $page['title']; ?>','<?php echo $page['id']; ?>','<?php echo $page['attachedfiles']; ?>','<?php echo $page['attachmentprefix']; ?>');
" 这通
浏览 14提问于2019-09-11得票数 1
回答已采纳
我有一小段重复的代码。
<div class='commentfloatleft'>
<button type='button' class='button2' onclick='upvote($id8)'>
<img src='images/likebutton.png' class='upvoteimage' width='12' height='12' a
浏览 2提问于2012-09-03得票数 0
回答已采纳
3回答
可能重复：
我有一个有提交按钮的表格。这个提交按钮用jQuery验证我的表单。问题是，在我的表单中，有一些关于onclick事件的调用javascript方法。但是，当单击这些“非提交”按钮时，表单将被验证。
如何在不触发表单验证的情况下使用？
浏览 1提问于2011-06-09得票数 0
如何从titles.map和titles.slice中删除重复代码？如何使用en效果来设置应该显示的方面。功能如预期一样工作，我只想删除重复的代码。
import { useState } from "react";
const App = () => {
const titles = [
{ id: "0", name: "Title" },
{ id: "5637144579", name: "Miss" },
{ id: "5637144576", name
浏览 2提问于2022-10-05得票数 0
回答已采纳
不是一个重复的，因为我请求一个"offclick"事件(如果有的话)是为了隐藏一个元素，而不是如何隐藏这个元素。
我有一个带有display: none;的容器，只有在使用onclick="myFunction()".单击<textarea>标记时才会显示它但是，一旦在display: none;之外单击容器，我希望将其设置为<textarea>。
对此是否有任何等效的offclick？
function myFunction() {
$('.testing').css({
display: 'in
浏览 1提问于2019-10-22得票数 0
回答已采纳
我有一根绳子：
$str = 'title="favorite" name="fav_1" onclick="return ..."'
我想将name替换为class和stripe onclick属性。
我试过什么?:
$str = 'title="favorite" name="fav_12" onclick="return.."';
$replace = str_replace('name', 'class
浏览 3提问于2013-09-18得票数 0
回答已采纳
我正在尝试使用foreach循环生成一个表单列表。这些表单只是项目名称，它们使用POST将它们的id传递给我的控制器，以便它们可以更新。我使用onclick="form.submit()“来获取操作。
当列表中只有一项时，这将按预期工作。
@foreach($items as $item)
{{ Form::open(['url'=>'item/view', 'name'=>'itemView']) }}
{{ Form::hidden('id', $item->id ) }}
<
浏览 9提问于2018-02-24得票数 1
回答已采纳
我有一个包含许多img元素的表。该表注册onclick事件&当它接收onclick事件时，我希望确定哪个img被单击(如果有的话)。
我知道我只需要在每个img元素中放置一个onclick事件，然后我就可以知道它们是否被点击了，但这也涉及到编写大量传递相同信息的长行(重复下面的代码-see就是我的意思)。
那么，有没有办法通过查看onclick事件中传递的事件对象来确定哪个img元素被单击了呢？如果不是，也许有一种方法可以进行命中/碰撞测试？或者你知道另一种方法？
<table onclick="openslideshow( event, new Array("i
浏览 0提问于2012-02-15得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
