TOGOUTECH

javascript - 如何将一些参数传递给 addEventListener 中调用的函数?

coder 2024-05-16 原文

<分区>

Possible Duplicate:
How to pass arguments to addEventListener listener function?

如何在 click 事件上通过 addEventListener 将一些参数(在本例中为整数)传递给函数?

我有两个按钮;如果我按右边的,我想做一些事情,如果我按左边的,我希望它做其他事情。

代码如下:

document.getElementById('date_right').addEventListener( 'click', switch_date(1), false );
document.getElementById('date_left').addEventListener( 'click', switch_date(-1), false );
  function switch_date( k )
  {
    if(k==1)
    {
      //do stuff
    }
  else
  {
    //another stuff
  }
}

有关javascript - 如何将一些参数传递给 addEventListener 中调用的函数?的更多相关文章

  1. javascript - 将标记链接到 url Google map - 2

    这个问题在这里已经有了答案:GoogleMapsAPI:openurlbyclickingonmarker(6个答案)关闭8年前。简单问题:我正在尝试将我的标记链接到Googlemap(APIv3)上的外部URL。可以只使用http://www.google.com作为现在的链接。Javascript:<scriptsrc="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script><script>functioninitialize(){va

  2. javascript - 使用 JavaScript 计算工作日的预期交货日期(考虑假期)? - 2

    在重新访问此脚本并进行一些修改后,可以使用以下内容来允许用户添加计算预期交货日期的功能。//arrayofISOYYYY-MM-DDformatdatespublicHolidays={uk:["2020-01-01","2020-04-10","2020-04-13","2020-05-08","2020-05-25","2020-08-03","2020-08-31","2020-12-25","2020-12-28"],usa:["

  3. javascript - body.scrollTop 在严格模式下已弃用。如果处于严格模式,请使用 'documentElement.scrollTop',仅当处于 quirks 模式时,请使用 'body.scrollTop'。 - 2

    我收到错误:body.scrollTop在严格模式下已弃用。请在严格模式下使用“documentElement.scrollTop”,在怪异模式下使用“body.scrollTop”。我的代码是:$(document).ready(function(){//AnimatesScrollingtoanchorfunctionscrollToAnchor(aid){vardivTag=$("div[name='"+aid+"']");$('html,body').animate({scrollTop:divTag.offset

  4. javascript - TinyMCE : Toolbar icons not appearing - 2

    我正在为我的一个项目探索微型mce编辑器,我发现工具栏中的图标没有出现。它显示了一些浏览器无法显示的unicode。这是页面的html代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/ht/loose.dtd"><html><head><title>HTML</title><scripttype="text/javascript"src="../js/ti

  5. javascript - D3 分组条形图 : How to rotate the text of x axis ticks? - 2

    我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll(&

  6. javascript - jQuery Validate 插件 - 如何根据各种条件显示不同的错误消息 - 2

    好的,我知道这里大家首先想到的就是简单的再创建一个验证方法和消息。但这是交易。我们有一个表单,其中有一个字段用作雇主名称和公司名称,具体取决于在下拉列表中选择的内容。我需要做的是,当下拉列表显示他们拥有公司并且他们没有填写该字段时,它会显示一条消息。如果他们不拥有公司并且它是空的,那么它会显示另一条消息。我将如何做到这一点?这是使用最新版本的jQuery和验证插件(http://jqueryvalidation.org/)。更新:我向您展示了在选择下面的选定答案后我最终得到的代码...http://pastebin.com/iG3Z4BbJ感谢并享受!详细代码:/***Referenc

  7. javascript - 如何使用 UglifyJS 2 丑化 JavaScript? - 2

    我尝试使用UglifyJS2来丑化一个简单的javascript文件.文件内容如下://thisissimplyasamplevarvarsampleVar="xyz";//lotsofcomments//thisisjustanothercomment//suchthingsshouldnotbepresentinjavascript//waitingtoseeresultafteruglifying//thisissimplyasamplefunctionfunctionsampleFunction(){varsampleLocalVar="xzx"

  8. javascript - D3.js 缩放从数据集中返回错误值 - 2

    我在d3.js中遇到了scales的问题。当我在Firefox控制台中输入最小值和最大值时,我得到最大值作为最小值,第二最大值作为最大值。这里有什么问题?这是我的csv文件形式的数据集:word,occurobama,11theguardian,9world,8state,8care,7pakistan,7block,6blog,6healthcare,5这是我在控制台中输入的内容以及返回的值:d3.min(dataset,function(d){returnd.occur});=>"11"d3.max(dataset,function(d){returnd.oc

  9. javascript - Jquery,当屏幕宽度为 1050px 时删除类 - 2

    这是我正在使用的JS代码:$("document").ready(function($){varnav=$('#menu2');$(window).scroll(function(){if($(this).scrollTop()>90){nav.addClass("f-nav");}else{nav.removeClass("f-nav");}});但我似乎无法将其添加到我的代码中。functioncheckWidth(init){/*Ifbrowserresized,checkwidthagain*/if($(wi

  10. javascript - 如何多次循环遍历数组项 - 2

    所以,如果我想记录一次数字1到5,我可能会这样写:vararray=[1,2,3,4,5]functionloop(n){for(vari=0;i<n;i++){console.log(array[i])}}loop(5)但是我如何不止一次地记录数字1到5?例如写循环(10);得到以下结果:1个2个3个4个5个1个2个3个4个5显然,目前我对loop(5)以上的任何内容都“未定义” 最佳答案 使用remainderoperator:functionloop(n){for(vari=0;i<n;i++){console.l

随机推荐

  1. javascript - 将标记链接到 url Google map - 2

    这个问题在这里已经有了答案:GoogleMapsAPI:openurlbyclickingonmarker(6个答案)关闭8年前。简单问题:我正在尝试将我的标记链接到Googlemap(APIv3)上的外部URL。可以只使用http://www.google.com作为现在的链接。Javascript:<scriptsrc="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script><script>functioninitialize(){va

  2. javascript - 使用 JavaScript 计算工作日的预期交货日期(考虑假期)? - 2

    在重新访问此脚本并进行一些修改后,可以使用以下内容来允许用户添加计算预期交货日期的功能。//arrayofISOYYYY-MM-DDformatdatespublicHolidays={uk:["2020-01-01","2020-04-10","2020-04-13","2020-05-08","2020-05-25","2020-08-03","2020-08-31","2020-12-25","2020-12-28"],usa:["

  3. javascript - body.scrollTop 在严格模式下已弃用。如果处于严格模式,请使用 'documentElement.scrollTop',仅当处于 quirks 模式时,请使用 'body.scrollTop'。 - 2

    我收到错误:body.scrollTop在严格模式下已弃用。请在严格模式下使用“documentElement.scrollTop”,在怪异模式下使用“body.scrollTop”。我的代码是:$(document).ready(function(){//AnimatesScrollingtoanchorfunctionscrollToAnchor(aid){vardivTag=$("div[name='"+aid+"']");$('html,body').animate({scrollTop:divTag.offset

  4. javascript - TinyMCE : Toolbar icons not appearing - 2

    我正在为我的一个项目探索微型mce编辑器,我发现工具栏中的图标没有出现。它显示了一些浏览器无法显示的unicode。这是页面的html代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/ht/loose.dtd"><html><head><title>HTML</title><scripttype="text/javascript"src="../js/ti

  5. javascript - D3 分组条形图 : How to rotate the text of x axis ticks? - 2

    我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll(&

  6. javascript - jQuery Validate 插件 - 如何根据各种条件显示不同的错误消息 - 2

    好的,我知道这里大家首先想到的就是简单的再创建一个验证方法和消息。但这是交易。我们有一个表单,其中有一个字段用作雇主名称和公司名称,具体取决于在下拉列表中选择的内容。我需要做的是,当下拉列表显示他们拥有公司并且他们没有填写该字段时,它会显示一条消息。如果他们不拥有公司并且它是空的,那么它会显示另一条消息。我将如何做到这一点?这是使用最新版本的jQuery和验证插件(http://jqueryvalidation.org/)。更新:我向您展示了在选择下面的选定答案后我最终得到的代码...http://pastebin.com/iG3Z4BbJ感谢并享受!详细代码:/***Referenc

  7. javascript - 如何使用 UglifyJS 2 丑化 JavaScript? - 2

    我尝试使用UglifyJS2来丑化一个简单的javascript文件.文件内容如下://thisissimplyasamplevarvarsampleVar="xyz";//lotsofcomments//thisisjustanothercomment//suchthingsshouldnotbepresentinjavascript//waitingtoseeresultafteruglifying//thisissimplyasamplefunctionfunctionsampleFunction(){varsampleLocalVar="xzx"

  8. javascript - D3.js 缩放从数据集中返回错误值 - 2

    我在d3.js中遇到了scales的问题。当我在Firefox控制台中输入最小值和最大值时,我得到最大值作为最小值,第二最大值作为最大值。这里有什么问题?这是我的csv文件形式的数据集:word,occurobama,11theguardian,9world,8state,8care,7pakistan,7block,6blog,6healthcare,5这是我在控制台中输入的内容以及返回的值:d3.min(dataset,function(d){returnd.occur});=>"11"d3.max(dataset,function(d){returnd.oc

  9. javascript - Jquery,当屏幕宽度为 1050px 时删除类 - 2

    这是我正在使用的JS代码:$("document").ready(function($){varnav=$('#menu2');$(window).scroll(function(){if($(this).scrollTop()>90){nav.addClass("f-nav");}else{nav.removeClass("f-nav");}});但我似乎无法将其添加到我的代码中。functioncheckWidth(init){/*Ifbrowserresized,checkwidthagain*/if($(wi

  10. javascript - 如何多次循环遍历数组项 - 2

    所以,如果我想记录一次数字1到5,我可能会这样写:vararray=[1,2,3,4,5]functionloop(n){for(vari=0;i<n;i++){console.log(array[i])}}loop(5)但是我如何不止一次地记录数字1到5?例如写循环(10);得到以下结果:1个2个3个4个5个1个2个3个4个5显然,目前我对loop(5)以上的任何内容都“未定义” 最佳答案 使用remainderoperator:functionloop(n){for(vari=0;i<n;i++){console.l