JS 点击事件传参

最新推荐文章于 2023-12-05 11:25:04 发布
原创 最新推荐文章于 2023-12-05 11:25:04 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

<script type="text/javascript">
    var list;
    var machineCode;
    var machineStatus;
    $(document).ready(function() {


        $.ajax({
            type: "POST",
            url: "/icloud/machKanban/getMachKanbanInfo",
            success: function(data) {
                for (var i in data) {
                    list = data[i];


                    if (list.machStatus == "正常") {
                        machineCode = list.machCode;
                        machineStatus = list.machStatus;


                        $('#kanbanID').append('<div class="animated flipInY col-lg-2 col-md-3 col-sm-6 col-xs-12"onclick="myFunction(\'' + machineCode + '  ' + machineStatus + '\')">' + ' <div class="tile-stats">' + '<div class="icon">' + '<i class="fa fa-refresh fa-spin fa-3x fa-fw nomorlcolor">' + '</i>' + '</div>' + '<div class="count nomorlcolor">' + list.machCode + '</div>' + '<h3>' + list.mouldCode + '</h3>' + '<p>' + list.productUnits + '  / ' + list.scheduledProductUnits + '</p>' + '<p>' + list.scheduledEndTime + '</p>' + '</div>' + '</div>');
js for循环给点击事件传参i
break优快云的博客
11-21 970
想法：想将外面的i传到onclick事件中去 一开始的错误做法： <script type="text/javascript"> //得到class为a的标签list数组 var zujian = document.getElementsByClassName("a"); //遍历 for (var i = 0 ; i < zujian.length ; i++) { alert(i); //zujian[i].onclick = function(i){
【微信小程序】事件传参的两种方式
云泽野の编程日记
06-10 3328
事件传参:在触发事件时，将一些数据作为参数传递给事件处理函数的过程，就是事件传参在微信小程序中，我们经常会在组件上添加一些自定义数据，然后在事件处理函数中获取这些自定义数据，从而完成业务逻辑的开发.小程序进行事件传参的时候，除了使用data-*属性传递参数外，还可以 使用 mark 标记传递参数mark 是一种自定义属性，可以在组件上添加，用于来识别具体触发事件的 target 节点。同时 mark 还可以用于承载一些自定义数据然后通过事件对象进行获取自定义数据,在组件上使用mark:自定义属性。
js onclick传参问题
weixin_44339190的博客
02-16 3775
js onclick传参问题
js绑定事件，并动态传参
03-06
js绑定事件，并动态传参，比如绑定click事件。js绑定事件，并动态传参，比如绑定click事件。 js绑定事件，并动态传参，比如绑定click事件
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 7949
js onclick传递字符类型的参数，报not defined；
js事件传参
weixin_34392843的博客
06-01 95
阻止事件发生之前就执行了函数 除了创建匿名函数 function foo(a){ console.log(a); } document.onclick=foo(1) //document.onclick=function(){foo(1)} // document.addEventListener('click',foo(1),false) 另外有bind(...
JS 中 onclick 事件四种传参方式
热门推荐
稚枭天卓
11-02 4万+
1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 代码示例: jquery$(function(){ va
js onclick事件传参讲解
01-19
1、在页面中给方法传参数有两种方法 第一：onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick=”cancel(this,id,patientId)” js中cancel（obj，id，...2、onclick事件
JS与JQuery点击事件传递参数
yels303的专栏
03-16 2万+
我们知道JS(javascript)是一种脚本语言，用于客户端web开发，常用来给html网页添加动态功能，是客户端运行的解释性语言。 JQuery是对js的封装，简化了ajax和html的一款js框架，利用JQuery可以更加简单和模块化的使用js. 按钮点击事件传递参数的两种写法： 1、在同网页上利用js 一个“编辑”按钮，名字为editBtn,class其他的是bootstrap按钮
js添加事件，比如点击事件传参，或者jqgrid行点击事件
chuncui2576的博客
02-07 501
添加事件，传参，比如点击事件，一般是这样的： function operateFmatter(cellvalue, options, rowObject) { //不管怎么样，上级都是可以查看自己的对员工的上级评的 //cellvalue - 当前cell的值 //options - 该cel...
js中的点击事件传多个参数
qq_38840502的博客
10-10 1308
两种写法，引号不一样，需要反斜杠 "<a href='javascript:void(0);' οnclick='gotoconfig(\""+GROUP_TYPE+"\",\"" + CONFIG_ID +"\")' type='"+GROUP_TYPE+"' config-id='"+CONFIG_ID+"' class='showConfig'>"+ CONFIG_NAME + ...
点击事件传递参数_javaScript 事件代理10分钟到精通
weixin_39814960的博客
12-10 453
直接上图：1.事件冒泡说明：inner盒子被嵌套再outer盒子内部，两个盒子都绑定点击事件的事件处理函数。点击inner盒子的结果：inner的点击事件处理函数执行后，outer的点击事件处理函数也被执行了。结论：点击inner时，outer的点击事件也会被触发。讲解：事件冒泡是由一个元素的事件被触发而发生，该元素的这个事件会一级一级向父级传递并触发直到body，既然这些父级元素的这个事件都会被...
js传参方式
justdoshare的博客
02-25 183
【代码】js传参方式。
[前端开发工程师]工作小记——JS事件传参 && 动态设置浏览器标题和图标
rookie_126的博客
12-05 405
以click事件为例。
js事件绑定，通过addEventListener传递参数
kaka22pato的博客
09-20 3849
如果要为事件处理函数送参数的话，需要在匿名函数（事件函数）外包裹一个匿名函数, 并立即执行。
原生JS总结-- JS 绑定点击事件
一个在全能之路上越走越远的男人。
05-27 2万+
第一种：addEventListener: let tn = document.getElementById('btn'); tn.addEventListener('click', function(e) { e.stopPropagation();//取消事件冒泡 }) 如果父元素 也有点击事件，这个会触发父元素的点击事件，需要阻止一下。 第二种：onclick l...
javascript对于onclick事件传值不可以直接传对象的解决办法
sky21sjwzk的博客
03-30 1532
我们可以使用内置的json处理函数进行处理 JSON.stringify(obj).replace(/“”/g,“'”),经过这样处理函数接受到就会变成对象进行处理。Js在渲染 Dom 节点的时候，是要用的字符串拼接形式,所以在对于onlcick事件参数，我们应该转化为字符串的形式进行拼接。我们要将传递的参数先转化为一个json的字符串，并且若在需要的时候再吧json字符串用双引号转化为单引号即可。javascript对于onclick事件传值不可以直接传对象的解决办法。
js中写html，点击事件传多个参数
heni6560的博客
01-10 1060
var html = '<input id="devUserName" name="devUserName" placeholder="使用人" type="text"\n' + 'style="width: 100%;margin-right: 4px;" class="form-control" readon...
JS--循环渲染页面以及添加点击事件 && JS提示信息显示编写
heavenz19的博客
07-26 942
JS–循环渲染页面以及添加点击事件 function goodsAll(keywords, is_show, type_id) { $.ajax({ url: urlLink + 'goods_all', data: { keywords: keywords, is_show: is_show, type_id: type_id, }, type: 'POST', dataType: "json", header: { 'content-type': 'mu
微信小程序点击事件传参
最新发布
03-04
### 微信小程序点击事件传递参数 在微信小程序中，为了实现在点击事件中传递参数的功能，可以利用`data-*`属性来绑定需要传递的参数。这种方式不同于Vue等框架可以直接在事件处理器内嵌入参数的做法。 对于按钮组件而言，在WXML文件里设置如下： ```html <button type="primary" bindtap="btnHandler" data-id="123456">点击我</button> ``` 上述代码片段展示了如何向按钮添加一个名为`data-id`的自定义属性，并赋予其特定值作为待传输的数据[^1]。 接着，在对应的JS逻辑层（即`.js`文件），可以通过`e.currentTarget.dataset.id`访问到这个被绑定上去的ID值: ```javascript Page({ btnHandler(e) { const id = e.currentTarget.dataset.id; console.log('接收到的id:', id); // 进一步处理... } }) ``` 此方法允许开发者轻松地将任何想要的信息附加给触发器元素并随后读取这些信息用于业务逻辑操作[^2]。 另外一种场景涉及到页面间的导航与参数携带。当从一个页面跳转至另一个新页面时，也可以通过URL查询字符串的形式附带额外数据。例如使用`wx.navigateTo()` API完成带有参数的页面切换： ```javascript wx.navigateTo({ url: '/pages/targetPage/targetPage?id=7890', }); ``` 而在目标页面接收该参数，则需借助于`onLoad`生命周期函数内的options对象来进行解析和应用[^3]。 ```javascript Page({ onLoad(options){ if (options && options.id){ this.setData({ receivedId: options.id }); console.log('接收到的目标页id:', this.data.receivedId); // 执行其他初始化工作... } }, // ...其余配置项 }) ``` 以上就是关于微信小程序中几种常见的点击事件传参方式及其具体实现的例子说明。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值