ドットの後の変数

Question

私の質問は簡単です： 一般的なドットの後に変数または任意の変数としてイベントを持つ方法はありますか？ このようなやり方はありますか？

var type = "onkeyup"; 
document.getElementById("test").type = myFunction; 

又は

Answer 1

var element = "body"; 
document.element.style.marginTop = 0; 

使用[]表記の代わりにドット.。理由は、角カッコで可変のプロパティ名を扱うことができるからです。上記のMr_Greenが提供するコメントと同様に

var type = "onkeyup"; 
 
document.getElementById("test")[type] = myFunction; 
 

 
function myFunction() { 
 
    alert('worked') 
 
}

<input id='test'>

Answer 2

：ここ

var myEvent = "onkeyup"; 
myInput[myEvent] = function() {} 

フィドルです：https://jsfiddle.net/43ceL4gf/

Answer 3

あなたは文字列としてaddEventListenerとイベントを使用することができます。

EventTarget.addEventListener()方法は、それを呼び出しているにEventTargetに指定されたイベントタイプのイベントリスナーのリストに指定されたEventListener互換オブジェクトを追加します。イベントターゲットは、ドキュメント内のElement、ドキュメント自体、Window、またはイベントをサポートするその他のオブジェクト（XMLHttpRequestなど）です。

document.getElementById('test').addEventListener('pointerdown', myFunction, false); 
//      id 
//        add an event listener 
//            event type 
//                callback 
//                   options 

Answer 4

.TYPE使用を除いてあなたのコードは、溶液の近隣にあり、ここで[タイプ]

例

<input type="button" value="Click me" id="test"> 

var type = "onclick"; 
document.getElementById("test")[type] =function myFunction(){ 
alert("Button Clicked"); 
} 

JSfiddleリンク