js html文本框增加快捷键

如何使用JavaScript ,给文本框增加快捷键呢?

Ctrl+s

$textarea.keydown(function (event) {
//            console.log(event.keyCode)
            if ((event.keyCode == 83/*S*/||event.keyCode == 88/*X*/ )&& event.ctrlKey) {
                console.log('save');
                updateOneOption(this);
            }
        })

在聚焦文本框的情况下,按下Ctrl+X 或者Ctrl+S,就会触发js方法updateOneOption(this); 

给文本框增加回车事件

/***
 enter to to something specified by responseEvent
 */
var pressEnterTo = function pressEnterTo(event, responseEvent, arguments2) {
	if (!event || event == undefined) {
		event = window.event || arguments.callee.caller.arguments[0];
	}
    var eventTarget = com.whuang.hsj.getSrcElement(event);
	if (event.keyCode == 13 && typeof responseEvent === 'function') {//Enter
		if(arguments2==undefined){
			arguments2=eventTarget;
		}
		responseEvent(arguments2);
	}
};
/*

 调用实例:

 <fieldset class="inputs">
												<input id="username" type="text" name="username" placeholder="用户名"
													   onkeypress="pressFocusNext(event,$('#login-content input[name=password]'))"
													   required autocomplete="off" >
												<input id="password" type="password" name="password" placeholder="密码"
													   onkeypress="pressEnterTo(event,user.login_submit,this)" required>
                                            </fieldset>

回车+CTRL换行

/*
 * 回车+CTRL换行
 * 
 */
newline = function (event) {
    if (event.keyCode == 13 && event.ctrlKey) {
        if (document.selection) {
            var selectText = document.selection.createRange();
            if (selectText) {
                if (selectText.text.length > 0)
                    selectText.text += "\r\n";
                else
                    selectText.text = "\r\n";
                selectText.select();
            }
        }
        else {
            var obj = com.whuang.hsj.getSrcElement(event);
            obj.value += "\r\n";
        }
    }
};

猜你喜欢

转载自hw1287789687.iteye.com/blog/2319498