js addeventlistener 传递有参函数

2024-11-04

js addEventListener调用传参函数

先看这段代码 function abc(key){ console.log(key); } for(let i=0;i<oInput.length;i++){ oInput[i].addEventListener('focus',abc(i)); } 会发现focus这个操作还未执行,i的值已被依次打印出来. 如何传入传参函数而不被立即执行呢,方法一:给addEventListener绑定一个匿名函数. element.addEventListener('mouseover',function(

【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

[问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@product.Id');">删除</button>

Js前端传递json数组至服务器端并解析的实现。

最近做的一个小项目中需要将json数组数据传递到服务器端进行保存,现分享一下解决思路. 环境:EasyUi+Mvc 4.0 如下: 在上述截图中的红色圈起来的部分,需要在点击保存后通过一次ajax请求,完成数据保存. 很多项目都存在这样的需求,所以了解解决办法很重要. 分析过程: 红色圈起部分分两块,一块是图片,包含字段“图片路径”和“图片说明”,可以推断出json数据格式{'图片路径':xxx,'图片说明':xxx}. 一块是子物料集合,包含字段“子物料编号”和“备注”,可以推断出json格式

vue中动态加载组件+开发者模式+JS参数值传递和引用传递

今天写vue里面通过接口反参动态加载组件时候跟着同学...学习到了一.先说说vue 内置组件 component 的用法 component组件可以来专门用来进行组件的切换,使用is来绑定你的组件名,本次系统写的比较简单... 此处::is='组件名'可以直接条用组件. 因为全页面有十个组件加载,所以用到了循环.数组.就遇到了在方法里可以打印数组里的值,但绑定组件名的地方获取不到的问题. 后来加上了一个数组b,并把b数组的值赋值给a.a就可以获取到了.就是实现了动态加载组件. 二.观察者模式

js setTimeout 传递带参数的函数的2种方式

js setTimeout 传递带参数的函数的2种方式 Created by Marydon on 2018年9月14日 1.准备工作 function sayYourName(param) { alert(param); } 使用setTimeout或setInterval,如何调用该函数? 2.解决方案方式一 setTimeout("sayYourName('lisi')",1000);// 1000毫秒后执行方式二:使用匿名函数 setTimeout(function()

anuglar.js ui-router传递参数

anuglar.js ui-router 传递参数的方法有: 一: ui-sref 传递参数,传递一个参数的时候首先路有这样写: .state('edit', { //线路编辑页面 url: '/edit?id', templateUrl: 'view/template/shopList/edit.html', controller: 'editCtrl' }) html 页面写法为: <button ui-sref="edit({id:{{item.id}}})" type=

js addEventListener事件多次绑定问题

如果为了避免 js addEventListener事件多次绑定问题,可以使用.onclick直接绑定,后一次click绑定会覆盖调前一次.

JS函数传递字符串参数（符号转义）

原文链接:https://blog.csdn.net/Myname_China/article/details/82907965 JS函数传递字符串参数,如果没有转义处理,在接收的时候无法正确的接收字符串. 在双引号内 <a href="javascript:orderDetails(\''+orderId+'\')">查看详情</a> <a href="javascript:void(0)" onclick="orderDe

实现JS数组传递

//如果只是一维数组 var list = Request.Form.GetValues("diary[]"); public ContentResult TestHtmlTwo() { var list = Request.Form.GetValues("diary[]"); string strTmp = string.Empty; foreach (var s in li

webpages框架使用@razor语法向js代码传递Json字符串

进入web开发时间太短,一个人尝试着做了几个初级项目,遇到了太多的困难.尽管不是学开发专业的,仅为爱好所以硬着头皮坚持了下来. 将遇到的问题记录下来,备查. 使用vs2015中asp.net razor3网站模板作为基础逐渐扩展,遇到了服务器传递回js的Json字符串错误. 错误表现:原本字符串中的转义字符 \" ,通过 @变量名传递到js代码中,变成了 " 在网上检索了一下,遇到这个问题的不多,应该是初级错误: 看了一篇文章,其原因如下:为了防止某些攻击,系统将敏感字符进行了

objective-c 与 js之间传递中文乱码

最近在做关于js改写oc framework的小project,遇到了不少问题其中刚遇到的是关于如何在两者之间传递中文字符,带特殊字符的URL字符串不会很详细的介绍太多,以后会回头做个总结 oc传递中文到js,刚开始我认为是需要将字符编码成UTF-8的,但是没有解决问题后来才发现,原来传递字符串过去到js,只是原值拷贝而已,并不会出现乱码问题,而问题在于js往oc传递中文时,必须编码一开始我用的编码方式是encodeURIComponent,但是发现,传递到OC那边,解码出来的依然是一堆

js onclick传递对象

在html onclick中如果参数直接传递一个参数js会报错. 如果想要onclick传递参数需要这么做: var user = {id:1, name:'hk'}; var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>'; 这个传递的是json对象 var ele = '<a onclick="edit(\

js变量传递

基本类型.引用类型基本类型: undefined.Null.Boolean.Number.String五种 (简单的数据段);引用类型: object (由多个值构成). 两种类型在使用上的区别: 复制变量 // 基本类型 var num1 = 5; var num2 = num1; num2 = 10; console.log(num1 + ' | ' + num2); // 5 | 10 // 引用类型 var obj1 = new Object(); obj1.num = 5; var

JS BUG 传递数字过大，数据值会变化

如果要在js函数中传递大整型数值,一定要用字符串,否则会出现精度不准确 function testfun('2345234523452141234123412341234523452345123') {} 要使用单引号包裹,转为字符串,否则会按照整型数据处理,精度会丢失.

再议js的传递和深复制

病理基本类型的传递就是按值传递,比如说 var a = 1; var b = a; b = 3; console.log(a,b);//1,3 很明显,a的值并未因为b的值改变而变化,这是因为a只是给了b一个副本.在这就不详细描述了.下面才是重点 let obj = {x:1}; let o = obj; o.x = 2; console.log(obj.x);//2 已经被改动了对此我在前面的 js函数参数的传递中有具体介绍,在这就不多说了. 对症下药毛主席说过,遇事莫要急,碰到问题就

js 值传递，引用传递

参考:http://www.cnblogs.com/lcngu/p/5876273.html JS的基本类型,是按值传递的. 对象类型按共享传递的(call by sharing,也叫按对象传递.按对象共享传递). 总之,基本类型是按值传递,而对于对象来说传入的是对象指向的地址,也可以认为其是特殊的按值传递.如果在函数内对对象的属性进行操作,实际就是对其指向对象的属性进行操作.但是,如果对其整体进行操作(比如:o = 100或者o = []),其实际是新定于了对象,实参的引用地址为新的对象的引用

js 怎么传递参数

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>testPic</title> <s

在动态THML语句中调用JS函数传递带空格参数的问题

刚刚遇到一个问题,调用js函数的参数里带空格,造成调用失败的问题. 部分代码如下: html+="<div><a href=javascript:confirm("+id+", '"+name+"');>"; //name中如果有空格就是调用失败 html+="</a></div>"; 在网上查了一下,发现是因为href写的不规范,加上双引号就可以了. 但是,因为<

js,addEventListener参数传递

解决方法因为i相对匿名函数是外面的变量,就把循环绑定的时候,将i的值传入到匿名函数内,就可以了.因此需要在匿名函数(事件函数)外包裹一个匿名函数, 并立即执行. var elems = document.getElementsByTagName('a'); for (var i = 0; i < elems.length; i++) { elems[i].addEventListener('click', (function (num) { return function (e){ e.pre

JS URL传递中文参数时出现乱码的处理

在浏览器中显示的地址是这样的: 但是按F12调试的时候的地址却变化掉了: 这个肯定是是因为浏览器对url路径默认编码了.这个问题是在我们去取值的时候,得到的就是后面那一大串稀奇古怪的东西.得不到我们想要的值.怎么办呢?这里写出来的只是自己的解决方法,也许不能通用,跟大家分享下,有更好的方法,告我一声. //得到url中的值 function request(paras){ var url = location.href; var paraString = url.substring(u

js addEventListener attachEvent

attachEvent方法,为某一事件附加其它的处理事件.(不支持Mozilla系列) addEventListener方法用于 Mozilla系列举例: document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = meth

js addeventlistener 传递有参函数

热门专题