每日一个js实例10--回车键
2016-11-07 08:57
225 查看
<input type="text" id="put">
<input type="button" id="btn" value="发布">
<textarea name="news" id="out" cols="30" rows="10"></textarea>
<script type="text/javascript">
function $(id){return document.getElementById(id)}
//鼠标事件
btn.onclick=function(){
if($("put").value == ""){
alert("请输入发表内容");
return false;
}else{
$("out").value+=$("put").value+"\n";
$("put").value="";
$("put").focus();
}
}
//键盘事件
document.onkeydown=function(e){
var e=e||event;
var code=e.keyCode;
if(code == 13){
if($("put").value == ""){
alert("请输入发表内容");
return false;
}else{
$("out").value+=$("put").value+"\n";
$("put").value="";//键盘事件自动将讲点获取在put上
}
}
}
</script>
<input type="button" id="btn" value="发布">
<textarea name="news" id="out" cols="30" rows="10"></textarea>
<script type="text/javascript">
function $(id){return document.getElementById(id)}
//鼠标事件
btn.onclick=function(){
if($("put").value == ""){
alert("请输入发表内容");
return false;
}else{
$("out").value+=$("put").value+"\n";
$("put").value="";
$("put").focus();
}
}
//键盘事件
document.onkeydown=function(e){
var e=e||event;
var code=e.keyCode;
if(code == 13){
if($("put").value == ""){
alert("请输入发表内容");
return false;
}else{
$("out").value+=$("put").value+"\n";
$("put").value="";//键盘事件自动将讲点获取在put上
}
}
}
</script>
相关文章推荐
- 每日一个js实例4---DOM操作ul排序
- 每日一个js实例12--广告切换效果
- 每日一个js实例5--通过面向对象实现运动
- 每日一个js实例9--NaN
- 每日一个js实例14--随机数
- 每日一个js实例2--js与jq实现走马灯
- 每日一个js实例11--上下左右键
- 每日一个js实例15--canvas绘图内容打印
- 每日一个js实例7--通过面向对象实现选项卡
- 每日一个js实例1---纯js与canvas实现心电图网格绘制
- 每日一个js实例3-不同格式json解析
- 每日一个js实例13--通过曲线反应json数据
- KingDZ 变菜鸟,每日一个C#小实例之---控制美女头像
- 一个精彩的JS+CSS精彩导航实例
- KingDZ 变菜鸟,每日一个C#小实例之---C#开机自动执行程序
- 【每日N题】完成一个trim函数,将字符串两端的空格、回车、tab符号去掉
- 用MyEclipse10在5分钟之内开发一个基于JAX-WS的Web Service实例
- KingDZ 变菜鸟,每日一个C#小实例之---玩转鼠标
- js多级树形弹出一个小窗口层(非常好用)实例代码
- KingDZ 变菜鸟,每日一个C#小实例之---C#自动填表