右键菜单输入文字问题

想要实现如图批量插入功能，但是这个文本框却无法编辑，请问这是为什么呢，代码如下

var markWithRedBg = {
            text: "批量插入  <input type='text' onClick='asd()' style='width:20px;height:5px' value='1' />",
            name: "markWithRedBg",
            command: "markWithRedBg",
            workArea: "viewport"
        };
        spread.contextMenu.menuData.push(markWithRedBg);

function asd(){
    var e = window.event;
    e.preventDefault();//阻止事件往下进行
    e.stopPropagation();//阻止事件往下进行
    e.stopImmediatePropagation();
}

破案了
text: "批量插入  <input type='text' name='asdada' onClick='asd()' onkeydown='ddd(this)' style='width:50px;height:5px' value='1' />"

function ddd(obj){
    var x;
    if(window.event) // IE8 以及更早版本
        {
        x=event.keyCode;
        }
    else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
        {
        x=event.which;
        }
    var keychar=String.fromCharCode(x);
    console.log(x);
    console.log(keychar);
    var r = /^[0-9]$/;　
    if(r.test(keychar)){
        obj.value += keychar;
    }else if(x==8 && obj.value!=''){
        obj.value = obj.value.substr(0,obj.value.length-1);
    }
}

感谢分享！300分奉上！