用闭包实现事件传参

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box {
            width: 100px;
            height: 100px;
            background-color: goldenrod;
            position: absolute;
            left: 0;
        }
    </style>
</head>
<body>
    <button id="btn1">按钮1</button>
    <button id="btn2">按钮2</button>
    <div class="box" id="box"></div>
</body>
</html>
<script>
    var btn1=document.getElementById("btn1");
    var btn2=document.getElementById("btn2");
    var box=document.getElementById("box");
    function move(speed) {
        return function () {
            box.style.left=box.offsetLeft+speed+"px";
        }
    }
    btn1.onclick=move(5);
    btn2.onclick=move(-5);
</script>

时间： 2024-10-22 12:32:55

用闭包实现事件传参的相关文章

bindtap事件传参

<view bindtap='operation' data-item='{{item}}'> // 获取 operation: function (e) { var item = e.currentTarget.dataset.item; console.log(item); }, 原文地址:https://www.cnblogs.com/knightdreams6/p/11132037.html

闭包中循环传参问题

第一次接触这个问题还是在我刚开始学js的时候,当时就是一头雾水,时隔一年多了,突然又想起了这个问题,在这个春气盎然的周末,我就坐下来研究下并把结果和大家分享下: 先看代码:demo.html<!DOCTYPE HTML> <html> <head> <meta charset="gbk"/> <title>闭包循环问题</title> <style type="text/css&quo

js事件传参

阻止事件发生之前就执行了函数除了创建匿名函数 function foo(a){ console.log(a); } document.onclick=foo(1) //document.onclick=function(){foo(1)} // document.addEventListener('click',foo(1),false) 另外有bind() function foo(a){ console.log(a); } document.onclick=foo.bind(null,2)

mui自定义事件传参

例如要把参数从页面a.html传到页面b.html(同目录) a.html页面中: //获得页面的webview var view = plus.webview.getWebviewById('b.html'); mui.fire(view,'goit',{name:'007'}); mui.openWindow({url:'b'}); b.html页面中:(获取方式:e.detail.xxx) window.addEventListener('ljgm', function(e){ //获取

js onclick事件传参

传字符串参数 var html = "<a href='#' onclick='onedit(""+ row.name + "")';>编辑</a>"

小闭包（参数传参）

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> (function(a,b){ var num = 10; console.log(a+b+num); }(1,2

elementUi中的计数器ele-mumber中的change事件传参及事件调用

业务场景是需要在点击业务工作量的时候设置任务工作量这一项的评分不能大于任务质量及任务时限的权重之和除以二上代码 JS逻辑代码因出现弹出层提示后设置输入框的值如果大于sum的值,设置输入的值为sum,但是出现了让input输入的值只能变成sum一次,之后再输入值也不改变,属性值没有响应式了故用setTimeout定时器等页面全部加载完成后调用定时器,设置输入框的值等于sum 原文地址:https://www.cnblogs.com/jiajialove/p/10739719.html

行内 onclick事件传参报错

js创建了一个a标签 row.id 为后台获取的数据拼接到fun()函数中 actions.push('<a href="javascript:void(0)" class="btn" onclick=\'fun("'+row.id+'")\' ></a>'); 原文地址:https://www.cnblogs.com/webmc/p/12431005.html

438 vuex：基本使用，传参，vue和vuex的配合使用，Vue脚手架3，使用Vuex改版 TodoMVC，actions，mapGetters，mapMutations，mapActions

一 .Vuex的介绍 vuex 是什么? 状态管理工具状态:即数据, 状态管理就是管理组件中的data数据 Vuex 中的状态管理工具, 采用了集中式方式统一管理项目中组件之间需要通讯的数据 [共享的数据.] [看图] 如何使用最佳实践 : 只将组件之间共享的数据放在 vuex 中, 而不是将所有的数据都放在 vuex 中也就是说: 如果数据只是在组件内部使用的, 这个数据应该放在组件中, 而不要放在 vuex vuex 中的数据也是响应式的, 也就是说: 如果一个组件中修改了 v