jquery问题
时间:2010-09-24
来源:互联网
$(function(){
var numTd = $("tbody td");
numTd.click(function(){
var tdObj = $(this);
if(tdObj.children("input").length > 0){
return false ;
}
var text = tdObj.html();
tdObj.html("");
//在选择TD时插入文本框
var inputObj = $("<input type='text'>").css("border-width","0").css("font-size","14px").width(tdObj.width()).val(text).appendTo(tdObj);
//让文本框处于选中状态
inputObj.trigger("focus").trigger("select");
//在点击鼠标时使事件不传到TD上
inputObj.click(function(){
return false;
});
//EVENT可以获取键盘按键时的值
inputObj.keyup(function(event){
var keyCode = event.which;
//按下回车
if (keyCode == 13)
{ //alert('aaa');
var inputText = $(this).val();
tdObj.html(inputText);
}
//按下ESC
if (keyCode == 27)
{
tdObj.html(text);
}
});
});
});
这么写 为什么不能按回车 使编辑表格后的内容改变
var numTd = $("tbody td");
numTd.click(function(){
var tdObj = $(this);
if(tdObj.children("input").length > 0){
return false ;
}
var text = tdObj.html();
tdObj.html("");
//在选择TD时插入文本框
var inputObj = $("<input type='text'>").css("border-width","0").css("font-size","14px").width(tdObj.width()).val(text).appendTo(tdObj);
//让文本框处于选中状态
inputObj.trigger("focus").trigger("select");
//在点击鼠标时使事件不传到TD上
inputObj.click(function(){
return false;
});
//EVENT可以获取键盘按键时的值
inputObj.keyup(function(event){
var keyCode = event.which;
//按下回车
if (keyCode == 13)
{ //alert('aaa');
var inputText = $(this).val();
tdObj.html(inputText);
}
//按下ESC
if (keyCode == 27)
{
tdObj.html(text);
}
});
});
});
这么写 为什么不能按回车 使编辑表格后的内容改变
作者: buyaoJJYY 发布时间: 2010-09-24
JScript code
<script type="text/javascript"> $(function(){ var numTd = $("tbody td"); numTd.click(function(){ var tdObj = $(this); if(tdObj.children("input").length > 0){ return false ; } var text = tdObj.html(); tdObj.html(""); //在选择TD时插入文本框 var inputObj = $("<input type='text'>").css("border-width","0").css("font-size","14px").width(tdObj.width()).val(text).appendTo(tdObj); //让文本框处于选中状态 inputObj.trigger("focus").trigger("select"); //在点击鼠标时使事件不传到TD上 inputObj.click(function(){ return false; }); //EVENT可以获取键盘按键时的值 inputObj.keyup(function(event){ event = event || window.event;//兼容浏览器 var keyCode = event.which || event.keyCode || event.charCode;//兼容浏览器,IE是keyCode //按下回车 if (keyCode == 13) { //alert('aaa'); var inputText = $(this).val(); tdObj.html(inputText); } //按下ESC if (keyCode == 27) { tdObj.html(text); } }); }); }); </script>
作者: IBM_hoojo 发布时间: 2010-09-25
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28