Description: Create custom keyboard shortcuts using Javascript/jQuery.
Code:
Click here for key Codes
<html>
<head>
<script src="http://wcetdesigns.com/assets/javascript/jquery.js"></script>
<script>
$(function
(){
var Ctrl
= false;
var Shift
= false;
//Ctrl+Enter
$(
"#text1").keyup(function
(e
){
if(e.keyCode==17){Ctrl = false}
}).keydown(function(e){
var t
= $(
this).val
();
if(e.keyCode
==17) {Ctrl
= true;}
if(e.keyCode
==13&&Ctrl
==true&&t){
$("#t1").append(t+"<br>");
$(this).val("");
}
});
//Ctrl+Shift+Enter
$(
"#text2").keyup(function(e){
if(e.keyCode==17){Ctrl = false}
if(e.keyCode==16){Shift = false}
}).keydown(function(e){
var t
= $(
this).val
();
if(e.keyCode
==17) {Ctrl
= true;}
if(e.keyCode
==16) {Shift
= true}
if(e.keyCode
==13&&Ctrl
==true&&Shift
==true&&t){
$("#t2").append(t+"<br>");
$(this).val("");
}
});
});
</script>
<style>
.box {
border: 1px #32baed solid;
color: #12495d;
resize: none;
width: 600px;
}
.list {
overflow: auto;
height: 100px;
width: 600px;
}
</style>
</head>
<body>
<textarea class="box" id="text1">Ctrl+Enter</textarea>
<div class="list" id="t1"></div>
<textarea class="box" id="text2">Ctrl+Shift+Enter</textarea>
<div class="list" id="t2"></div>
</body>
</html>
0 
1Views: 1,074 Downloads: 16
+Enter [Javascript/jQuery] Tutorial%20by%20W.C.E.T.%20Designs "Pin It")
