如何使用onclick调用带参数的函数？
使用onclick调用带参数的函数可以通过以下几种方式实现：
- 使用匿名函数：<button onclick="myFunction('参数')">点击按钮</button> <script> function myFunction(param) { console.log('参数值为：', param); } </script>通过在onclick事件中直接调用匿名函数，并在函数内部传入参数，即可实现调用带参数的函数。
- 使用Function.prototype.bind()方法：<button onclick="myFunction.bind(null, '参数')()">点击按钮</button> <script> function myFunction(param) { console.log('参数值为：', param); } </script>在onclick事件中使用bind()方法将参数绑定到函数上，并立即调用绑定后的函数。
- 使用自定义属性：<button onclick="myFunction(this.getAttribute('data-param'))" data-param="参数">点击按钮</button> <script> function myFunction(param) { console.log('参数值为：', param); } </script>在按钮上定义一个自定义属性（例如data-param），将参数值作为属性值，然后在onclick事件中通过getAttribute()方法获取属性值作为参数传递给函数。
无论使用哪种方式，都可以实现在onclick事件中调用带参数的函数。这种方式常用于前端开发中，例如在点击按钮时执行特定的操作，或者传递特定的数据给后端进行处理。
相关·内容
1回答
我正在flutter中构建一个计算器，我试图将一个带参数的回调onclick函数传递给按钮小部件，该小部件位于不同的文件中，但当我单击任何按钮时，它会抛出一个异常，该方法是在null上调用的。我也不知道如何在CustomBtn类中声明一个带参数的函数。 下面是我传递函数的主要小部件： CustomBtn(
btext: '8',
color: Colors.grey[600],
textColor: Colors.grey[50],
onClick: buttonP
浏览 30提问于2020-07-25得票数 2
回答已采纳
我搞不懂如何调用函数。有时它们是以functionName()格式提供的，有时只是名称functionName。
例如，在HTML中，当我们调用onclick="functionName()"时，在Javascript中，我们只是将函数functionName作为参数传递给另一个函数。setTimeout(functionName, 1000);
下面是书中的一个例子，假设我们必须传递带参数的回调函数。
var mySetTimeout = function(callback, delay){
var dollars = 100;
callback(dollars);
浏览 1提问于2017-07-06得票数 0
回答已采纳
我想使用onclick函数，它接受JavaScript中的一个参数。
调用button.onclick = someAction是可行的。有没有办法使用带参数的函数呢？例如：
function loadAPP() {
button = someButton(param);
button.onclick = someAction(param);
document.body.appendChild(button);
}
浏览 8提问于2018-08-29得票数 1
回答已采纳
2回答
我有一个div：
<div id="div1"></div>
和一个脚本：
$(document).ready(function() {
$('#div1').load('/something/sub_something');
});
在同一页上。当页面加载时，something/sub_something加载正常，并且：
document.getElementById("[dynamic_id_1]_folder_link").onclick = function(){
div_refresh()
浏览 1提问于2013-06-05得票数 0
我有一个带有列的kendoGrid，它使用如下命令：
command: { text: "View Details", click: showDetails }
命令调用showDetails方法，该方法打开一个kendoWindow：
function showDetails(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
wnd.content(detailsTemplate(dataItem));
浏览 5提问于2015-02-19得票数 0
回答已采纳
6回答
无参数
function clickMe(e){
//e is the event
}
<button onClick={this.clickMe}></button>
带参数
function clickMe(parameter){
//how to get the "e" ?
}
<button onClick={() => this.clickMe(someparameter)}></button>
我想要event。我怎么才能拿到呢？
浏览 17提问于2017-03-04得票数 158
回答已采纳
我的问题是如何将下面的函数转换为箭头函数？
onClick = {function(){model.clicks += 1; render(); }}
浏览 38提问于2019-05-24得票数 -3
5回答
我想做一个可以带参数或不带参数的装饰器:如下所示：
class d(object):
def __init__(self,msg='my default message'):
self.msg = msg
def __call__(self,fn):
def newfn():
print self.msg
return fn()
return newfn
@d('This is working')
def hello():
print
浏览 1提问于2010-10-14得票数 45
回答已采纳
2回答
我的问题是
当我想使用带参数的UserControl时。
它同时调用构造函数(不带参数构造函数和带参数的构造器)
这是正常情况吗？
如果不是，我应该如何构造对象。
public partial class FreeExperience : Arche.Web.UI.UserControlBase
{
private ItemInfo itemInfo;
public FreeExperience() : base()
{
}
public FreeExperience(ItemInfo itemInfo) : this()
{
t
浏览 3提问于2010-05-21得票数 3
回答已采纳
如何让一个JS函数的参数成为调用另一个函数的带参数的函数名？
类似于：
onClick="Clicked(this, 'SomeFunction('test')'"
问候
浏览 1提问于2010-03-18得票数 1
回答已采纳
3回答
我在表格中创建了一个按钮列表，如下所示：
let tbody = document.createElement("tbody");
tbody.className = "table-responsive";
let id = 0;
for (let c of rows) {
let tr = document.createElement("tr");
tr.className = "table";
for (const v of c) {
let td = document.crea
浏览 0提问于2021-03-21得票数 0
1回答
我正在用点燃元素编程一个web组件，我想知道如何在一个变量中呈现一个字符串，这个变量仍然有完整的@click监听器和html“处理器”，而不是纯字符串。
someFunction() {
var someString=`<button @click="alert('hi')">blah</button>`;
return html([someString]);
}
render() {
return this.someFunction();
}
不起作用，而
someFunction() {
return
浏览 1提问于2019-05-31得票数 2
1回答
我将试着简单地解释一下，希望得到一个简单的答案。
假设我有一个'calculate‘函数，它接受输入[t,k,r,x]和输出[A,B,C,D]，如下所示：
function [A,B,C,D] = calculate(t,k,r,x)
现在假设我有另一个函数，它将这些输出作为输入，并输出更多不同的输出，例如。
function [M,N] = again(A,B,C,D)
如何将[M,N]链接到k和t？总体目标是通过优化M和N来最小化k和t，我可以猜测这与嵌套函数和传递参数有关，但我不确定如何开始，而开始就是我想要的全部。谢谢
浏览 6提问于2018-07-24得票数 0
2回答
我需要帮助处理典型的案例，但我不知道如何在没有像for这样的脏东西的情况下做到这一点。在..或者forEach。所以，我有一个带有一些方法和bool字段的对象，它显示了是否需要打印日志。大概是这样的：
var sender = {
showLogs: true,
doSomething: function(){
"do something";
if (this.showLogs)
console.log("Sender do something")
}
}
显然，会有很多相同的代码，在每个方法上都会重复：
if(this.
浏览 27提问于2017-06-19得票数 0
回答已采纳
我编写了一些JavaScript代码，当我在匿名函数中编写它们时，比如
<br />"button.onclick = function() { some code; };，
它工作正常。但是当我试着写成
<br />
foe.onclick = myFunction();
function myFunction() { same code here; }
然后，当我单击该按钮时，没有任何反应。我尝试在myFunction()中添加alert，它在页面加载后立即出现。为什么会发生这种情况？
浏览 0提问于2017-04-15得票数 0
在我读完这篇文章后，我仍然有点confused.Why下面的代码useEffect使用了花括号，但没有返回，它仍然可以工作吗？不知道我是不是误解了什么。
示例如下：
import React,{useEffect,useState} from "react"
function App() {
const [resourcetype,setresourcetype]=useState("posts")
useEffect(()=>{
console.log("render")
},[resourcetype])
浏览 0提问于2021-02-19得票数 2
我在上创建了一个图像元素，通过javaScript动态地页。
我想为我的新创建的图像元素设置onClick。
我面对一个问题我不知道为什么？
我的原始代码：
<html>
<body>
<button type="button" onclick="createImgNote()">Get line height</button>
<script>
function createImgNote() {
var img = document.createElement('img'
浏览 2提问于2020-02-10得票数 1
回答已采纳
我有一个简单的功能如下：
const transform = ([a, b]) => ({operation: a, ...b});
如何键入此函数以确保返回类型是一个包含带参数a类型和b属性的键operation的对象。
我尝试了以下几点，但都没有成功：
function transform<[A, B]>(param: [A, B]): { operation: A } & B {
return { operation: param[0], ...param[1] };
}
对此有什么帮助吗？谢谢!
浏览 3提问于2022-01-21得票数 1
回答已采纳
3回答
当Xcode单击Xcode中的拆分函数时，它会带我到头文件。它是这样写的
public func split(maxSplit: Int = default, allowEmptySlices: Bool = default, @noescape isSeparator: (Self.Generator.Element) throws -> Bool) rethrows -> [Self.SubSequence]
下面的实现如何与上述声明一起工作？
someString.characters.split { $0 == "." }
浏览 5提问于2016-01-07得票数 9
回答已采纳
我已经创建了一段Javascript代码，允许用户选择是查看还是隐藏密码。一切都很完美，直到我决定让Javascript external.now，当我点击显示按钮时，它没有响应。可能的问题是什么？HTML <input type="password" id="password" oninput="display()"
placeholder="Password">
<div id='disp'></div> JAVASCRIPT function display(){
va
浏览 21提问于2020-09-19得票数 1
回答已采纳
看到这样的代码：
index.html
<script type = "text/javascript" src = "choices.js" ></script>
<form id = "myForm" action = "">
<p>
<label> <input type = "radio" name = "myChoice" value = "A" />
A </labe
浏览 0提问于2018-09-21得票数 0
回答已采纳
我试着运行一个在cmd控制台中以如下方式运行的.exe文件：
nameFile.exe -inf fileDriver.inf安装
在Inno设置中，我有以下设置：
var
command: Srtring;
Begin
command := 'nameFile.exe -inf fileDriver.inf install';
command := AddQuotes(command);
Exec(command, '', 'C:\pathOfFileName', SW_SHOWNORMAL, ewWaitUntilTerminated,
浏览 0提问于2013-01-27得票数 5
回答已采纳
我正在PostgreSQL中运行一个函数，它包含几个函数，目的是将数据从外部表加载到我的表中。在运行时，我会得到以下错误：
选择-0行，762.353秒错误:类型数字的输入语法无效："N/A“，其中: PL/pgSQL函数import_data_3(整数，带时区的时间戳，带时区的时间戳，整数)第16行SQL语句”选择import_data_3(导入，乞求，end_t，is_l)“pgSQL函数data_import_all(带时区的时间戳，带时区的时间戳，整数，整数)第31行执行
我知道这意味着什么，也知道为什么我试图将'N/A‘字符串转换为数字，对于这个错误，问题是这
浏览 5提问于2016-08-12得票数 0
我做了一个带参数的函数，但它不起作用。
这是我的代码：
function hideQuestion( _hideQuestion, _showQuestion){
$('#_showQuestion').removeClass('hideOnInit');
$('#_hideQuestion').addClass('hideOnInit');
}
如果我像这样使用函数
<a id='_b_Startpage2' href=\"#Question_01_01\" onclic
浏览 2提问于2013-01-03得票数 1
回答已采纳
我的问题是当单击一个onClick时，React中的一个div事件的流。
我的应用程序有一个ParentComponent，它调用一个ChildComponent，然后为ParentComponent中的props.options数组的每个成员创建一个div。
我有两个问题：
单击div时，如何将onClick事件传递给该组件？
div如何知道是哪个option创建了它？我的意思是，this.props.options数组的一些迭代，比如说，optionA创建了，比如说，divA，divA是如何知道它是由optionA而不是optionB创建的？这是通过内部反应完成的吗？
这是
浏览 2提问于2020-04-20得票数 1
回答已采纳
我尝试并创建了一个新的自定义钩子，遇到了一个onClick类型编译错误，如下所示 Failed to compile.
/Users/ryankim/personal/react/my-react-app/src/component/NCounterTwo.tsx
TypeScript error in /Users/ryankim/personal/react/my-react-app/src/component/NCounterTwo.tsx(11,15):
Type 'number | (() => void)' is not assignable to typ
浏览 99提问于2021-10-03得票数 1
我试图通过以字符串形式发送类名来动态创建类的对象。我在所有的java论坛上都找过了，但是我没有找到我想要的答案。这是我的需求，我有一个名为Agent的类，
package somePack;
public class Agent{
private String Id;
Private String Name;
public String getId() {
return this.id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
re
浏览 1提问于2012-10-10得票数 8
我只想知道这两个对象的初始化有什么不同？
我应该使用哪一个？？
带括号和不带括号()
var data = new Apple()
{
Color = "red",
Taste = "good"
}
和
var data = new Apple
{
Color = "red",
Taste = "good"
}
浏览 1提问于2013-11-19得票数 0
2回答
我该如何在java中做到这一点？
我需要我的子类中的构造函数来调用我的父类中的继承构造函数。为了做到这一点，我需要使用什么特殊的语法吗？
我使用扩展来继承Person类。我该如何使用super()呢？
下面是我的类：
public class Student extends Person
{
protected int id;
public Student()
{
// how do i call the inherited constructor here?
}
}
浏览 1提问于2011-12-01得票数 0
2回答
在示例中：
app.get('/account', ensureAuthenticated, function(req, res){
res.render('account', { user: req.user });
});
function ensureAuthenticated(req, res, next) {
if (req.isAuthenticated()) { return next(); }
res.redirect('/login')
}
我不明白ensureAuthenticated是如何工作的。它
浏览 6提问于2013-08-08得票数 0
回答已采纳
3回答
public class BaseFoo
{
private string param;
public BaseFoo(string param)
{
this.param = param;
}
}
public sealed class SingletonFoo : BaseFoo
{
static readonly SingletonFoo instance = new SingletonFoo();
static SingletonFoo()
{
}
public static Singlet
浏览 0提问于2009-08-17得票数 1
回答已采纳
我正在使用PHP脚本Web浏览器从一个网站下载一些数据。
在表单中，我们必须为字段设置值，然后单击GO！按钮，它将调用java脚本函数，所以我不知道如何在PHP脚本Web浏览器中调用javascript函数。
<input name="order_date_from" size="10" maxlength="10" value="10/24/2013">
To Date:
<input name="order_date_to" size="10"
浏览 3提问于2013-10-24得票数 1
我正在尝试遵循React的规则，使用他们对ES6类推荐的模式：
class Foo extends React.Component {
constructor() {
super();
this._onClick = this._onClick.bind(this);
}
render() {
return (
<div onClick={this._onClick}>
Hello!
</div>
);
}
_onClick() {
// Do whatever you
浏览 2提问于2017-02-15得票数 9
我想在我的应用程序中更改语言，为此我想使用按钮。所以对于每种语言，我都会有一个Button，它会传递一个带有该语言的语言代码的参数。 现在我知道可以将函数传递给Button，但是如何传递带参数的函数呢？
浏览 62提问于2020-01-03得票数 4
回答已采纳
我正在使用这个Onclick按钮
问题是如何使2个按钮成为1个按钮
<a class="btn btn-primary" onClick="document.getElementsByClassName('player-embed')[0].style.width='70%';">
Normal Views
</a>
<br>
<br>
<a class="btn btn-primary" onClick="document.getEleme
浏览 7提问于2017-02-05得票数 0
2回答
我正在为我的项目在android中构建一个文本编辑器，我使用了开源项目TinyMCE，对它做了一些调整，并集成到了我的WebView中……
在我加载到WebView中的HTML文件中有一个提交按钮……
我想知道如何捕获它的"onClick“事件，这样每当按下submit按钮时，我就可以编写java代码来保存数据，这些数据已经输入到SD卡的编辑器中……
谢谢
浏览 3提问于2012-05-30得票数 5
回答已采纳
如何使用Javascript改变onclick？
我试着使用这段代码，但它不起作用。我该怎么做呢？
<span onclick="test_fn('aaa,bbb')" id="xx">edit</span>
<script>
document.getElementById('xx').onclick = "test_fn(111,222)";
</script>
浏览 11提问于2017-03-16得票数 10
回答已采纳
我正在动态创建一个对象，并将onclick事件绑定到它：
jQuery('<a/>', {
click: function() { foo(arg1, arg2) },
...
})
一切都很正常。问题是，是否可以简化它，这样我在调用带参数的foo函数时就不需要funciton()包装器了？
提前谢谢。
浏览 3提问于2013-07-22得票数 2
回答已采纳
我一直在使用onclick触发器搜索这个问题，这些触发器实际上是在加载页面/窗口时触发的，但是可以为下面的内容找到解决方案。
我需要最新点击按钮的id，所以我这样做了：
var lastButtonId = [];//to get the latest Id
// then the onclick statements:
document.getElementById('traffBut').onclick = sendButtonId('traffButton');
document.getElementById('convBut').o
浏览 4提问于2017-11-14得票数 1
回答已采纳
为什么要这么做？
<span onClick={()=>removeTodo(index)}>x</span>
但这不管用？
<span onClick={removeTodo(index)}>x</span>
全码
{todo.map((item, index) => {
return (
<pre className={index} key={index}>
<h1 id={array}>{item}</h1>
<span onClick={()=>
浏览 2提问于2022-06-04得票数 0
回答已采纳
我想知道函数在javascript中是如何工作的，我注意到在某些情况下，比如、和，调用(而不是声明)函数的代码(不使用无函数或内联的)，通常在FunctionName中有带参数的括号(FunctionName(arg1, arg2, arg3...))。参数是否“自动”传递到函数中？
浏览 2提问于2022-01-11得票数 -2
2回答
我有一个函数，它接受一组函数作为参数：
(defn- main-func
[fn-list]
...)
我通常这样称呼它：
(main-func [f1 f2 ...])
但是f1和f2都是无参数函数。如何在此调用中包含带参数的函数？我在谷歌上搜索了一下，但没有成功。谢谢
浏览 1提问于2013-07-01得票数 2
回答已采纳
2回答
我想有一个按钮，这将改变我的应用程序的背景颜色。我知道如何做onClick，这将改变我的颜色一次，但我更喜欢有切换按钮代替。 App.js function App() {
const [backgroundColor, setBackgroundColor] = useState("#673ab7");
const setStyle = (backgroundColor) => {
setBackgroundColor(!backgroundColor);
};
return (
<div>
<Glob
浏览 10提问于2020-05-01得票数 0
基本上，当按下按钮时，我希望提供一个参数，但这是行不通的：
var button = document.getElementById("button");
button.onClick = doThis(arg);
但这确实有效(没有任何论据)：
var button = document.getElementById("button");
button.onClick = doThis;
第一个示例不能工作的原因是，函数在不等待单击的情况下自动运行。
如何提供参数onClick？
浏览 8提问于2015-11-03得票数 2
回答已采纳
3回答
我有个功能，像这样：
menu[0].onclick = function() {
filters.reset_all();
clients.get();
}
因此，当用户单击第一个菜单元素时，就会调用它。现在我需要把它称为另一个地方，我所做的就是：
if (li.onclick) { //li and menu[0] above are the same
li.onclick.call();
}
而且效果很好。
但是现在我需要将一些参数传递给onclick函数。我尝试过这个.call(some_param);，但是arguments数组在onc
浏览 4提问于2012-09-04得票数 0
回答已采纳
3回答
下面的代码摘自。
* qsort example */
#include <stdio.h>
#include <stdlib.h>
int values[] = { 40, 10, 100, 90, 20, 25 };
int compare (const void * a, const void * b)
{
return ( *(int*)a - *(int*)b );
}
int main ()
{
int n;
qsort (values, 6, sizeof(int), compare);
for (n=0; n<6; n++)
浏览 0提问于2012-07-06得票数 1
回答已采纳
如果父类具有带参数的构造函数，为什么在父类中需要(显式地)使用默认构造函数
class A {
A(int i){
}
}
class B extends A {
}
class Main {
public static void main(String a[]){
B b_obj = new B();
}
}
这将是一个错误。
浏览 0提问于2011-08-25得票数 58
回答已采纳
2回答
我有一个Button组件(在React中)，它可以是button元素也可以是a元素，这取决于是否将href属性传递给该组件。类似于下面的内容： const Button = ({ children, href, onClick }) => {
if(href) {
return <a href={href} onClick={onClick}>{children}</a>;
}
return <button type="button" onClick={onClick}>{children}&
浏览 21提问于2020-04-30得票数 3
回答已采纳
<a onclick ="foo()" href="bar.html" >Link </a>
<script>
...
function foo(){
//I want to know the href property of whoever called me.
//something like this.caller.href ??
}
</script>
我想我可以分配所有的元素ID，然后将我自己的ID传递给我调用的JS方法，但是我在寻找一种更好的方法。
浏览 1提问于2009-05-06得票数 16
我想要这样的东西：
div.onclick = function(x, y);
在不执行函数的情况下如何做到这一点？
我不想使用jQuery。
浏览 0提问于2017-02-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
