JQ点击区域,变成input框,失去焦点在变回来
来源:互联网 发布:淘宝唐人阁vip账号 编辑:程序博客网 时间:2024/04/29 21:09
<div class="result_wrap">
<div class="result_content">
<table class="list_tab">
<tr>
<th>级别</th>
<th>占比</th>
<th>操作</th>
</tr>
<foreach name="res2" item="v">
<tr>
<th>{$v.name}</th>
<th class="res">{$v.bili}</th>
<th><a href="">修改</a></th>
</tr>
</foreach>
</table>
</div>
</div>
</form>
<script>
$('.res').click(function(){
var th = $(this);
var html = th.html();
var input = $("<input type='text' value='" + html + "'/>");
th.html(input);//附上input
//再次点击不变
input.click(function(){return false;});
//自动获取焦点
input.trigger("focus");
//文本框失去焦点变回来
input.blur(function(){
var val = $(this).val();
if (val != html) {
th.html(val);
//下面开始根据你的情况,在写ajax
} else {
th.html(val);
}
})
})
</script>
<div class="result_content">
<table class="list_tab">
<tr>
<th>级别</th>
<th>占比</th>
<th>操作</th>
</tr>
<foreach name="res2" item="v">
<tr>
<th>{$v.name}</th>
<th class="res">{$v.bili}</th>
<th><a href="">修改</a></th>
</tr>
</foreach>
</table>
</div>
</div>
</form>
<script>
$('.res').click(function(){
var th = $(this);
var html = th.html();
var input = $("<input type='text' value='" + html + "'/>");
th.html(input);//附上input
//再次点击不变
input.click(function(){return false;});
//自动获取焦点
input.trigger("focus");
//文本框失去焦点变回来
input.blur(function(){
var val = $(this).val();
if (val != html) {
th.html(val);
//下面开始根据你的情况,在写ajax
} else {
th.html(val);
}
})
})
</script>
0 0
- JQ点击区域,变成input框,失去焦点在变回来
- 点击其他区域,input输入框不失去焦点
- Jquery php 点击td变成input,修改后失去焦点发送数据
- 还是一个鼠标点击td变成input,失去焦点更新数据库
- input框失去获得焦点
- 双击 表格 td 变成 可以编辑的input框 失去焦点提交
- surfaceview在fragment中切换回来后会失去焦点,导致点击事件需要第二次才能生效
- EditText点击在ListView中失去焦点
- input获得焦点,失去焦点
- JQ 获取焦点,失去焦点事件
- jq——输入框失去焦点提示错误案例
- 在ios上input标签不能失去焦点
- 怎样使input失去焦点
- input文本框获取/失去焦点
- 如何在点击特定数据时,不触发输入框失去焦点事件
- input 输入框获得/失去焦点时隐藏/显示文字
- HTML中使得input输入框失去焦点
- input 输入框获得/失去焦点时隐藏/显示文字
- 【特效】挺不错的一个轮播图
- SQL拼串查询
- react-native移植到android项目中详细步骤
- 团体程序设计天梯赛-练习集-L3-004. 肿瘤诊断(三维bfs)
- Unix网络编程 之 进程与信号(2)
- JQ点击区域,变成input框,失去焦点在变回来
- 有一头母牛,它每年年初生一头小母牛。每头小母牛从第四个年头开始,每年年初也生一头小母牛...
- 选择排序
- Android根据内容提供者获得联系人信息实例
- 数据结构实验之链表六:有序链表的建立
- Recovery启动流程(1)--- 应用层到开机进入recovery详解
- Fidder监听eclipse中HttpClients请求的解决方法
- VS下的常用快捷键
- JS和${}的一些问题