javascript - 如何使事件侦听器更改 javascript 代码中的变量？

Question

我以这样的传统方式设置了一些事件侦听器：

<script>    
window.onload = setup;
function(setup) {
    var myButton = document.getElementById("myButton");
    myButton.onclick = someFunction;
}

我想要someFunction做的是更改我的代码中的某个变量（当然是在按下按钮时）。例如，假设我的something()代码中有一个包含变量的函数，x并且事件侦听器处于活动状态。

function something() {
var x;
for (;;) {
    if (x === value set by someFunction) {
        break;
        }
    }
}

我怎样才能做到这一点？

Answer 1

//
//  try a 'notifier' decorator
//
function notifier( handler_fn, callback_fn ) {


    // #helpers
    function slc( args, i1, i2 ) {
        return Array.prototype.slice.call( args, i1, i2 );
    }
    function prepend( targetArr, arr ) {
        Array.prototype.unshift.apply( targetArr, arr );
        return targetArr;
    }
    function thepush( targetArr, arr ) {
        Array.prototype.push.apply( targetArr, arr );
        return targetArr;
    }



    return ( function( cb, args1 ) {

        var origfn = this;

        return function() {

            var
                args = prepend( slc( arguments ), args1 ),
                out  = origfn.apply( this, args );

            cb.apply( this, thepush( args, [out] ) );

            return out;

        };

    } ).call( handler_fn, callback_fn, slc( arguments, 2 ) );

}



var
    handlerfn = function ( e ) {
                    var
                        T = e.type.toUpperCase();
                    ( this instanceof Node ) && ( this.innerHTML = T );
                    return T;
               },
    F = notifier(
                    handlerfn,
                    function ( f1_in, f1_out ) {

                         var
                            v1 = f1_in;

                         v1.target.innerHTML += ',  coords:[' + v1.clientX + ', ' + v1.clientY +']';

                         console.log( f1_in, ', ', f1_out );
                    }
                );

document.getElementById('btn_01').onclick = F;
//
//

Answer 2

简单的方法是创建x一个全局变量。

如果您不想污染全局命名空间，请使用立即执行的函数：

(function() {
    var x;
    function someFunc() {
        // May assign x
    }
    function setup() {
        var myButton = document.getElementById("myButton");
        myButton.onclick = someFunction;
    }
    window.onload = setup;
    function something() {
        // Use x
    }
})();

x此函数为变量创建一个本地命名空间。

Answer 3

如果我理解你的问题，最简单的方法是定义一个全局变量var value，这样它就可以被someFunction()和访问something()。

另一种没有任何监听器的方法可能是：

function something() {
var x;
for (;;) {
    if (x === someFunction()) {
        break;
        }
    }
}

function someFunction() {
  ...
  return value;
}

Answer 4

当一个事件被触发时，你可以这样做：

   CODE CODE CODE
   ....
    var x = INITIAL_VALUE;
    function someFunc(){
        x = what ever you wish;
    }