html+input+js双击,JS双击变input框批量修改内容

双击空白或者文字变成input框修改内容：

js代码

修改

function ShowElement(element,abc){

// console.log(abc);

var list = abc;

var me = element;

var oldhtml = element.innerHTML;

var newobj = document.createElement('input');

newobj.type = 'text';//修改新创建的input的类型

element.innerHTML = '';//清空td中的内容用于存放新创建input;

$(newobj).attr({ value:oldhtml});

element.appendChild(newobj);//把input放入td

//给input对象绑定鼠标移开事件

newobj.onblur = function(){

// 判断是否满足发送ajax的条件

if(this.value != oldhtml){

element.innerHTML = this.value;

var value = this.value;

// alert(value);

//发送ajax请求

var id = $(me).parents('.gradeA').find('.sid').html();

var url = "{:U('Admin/Friend/onclick')}";

var btn = $(this);

$.ajax({

url:url,data:{id:id,list:list,value:value},type:'post',success:function(data){

console.log(data);

if(data == 0){

alert('修改成功')

}else{

alert('修改失败');

}

})

}else{

element.innerHTML = oldhtml;//放入原来的内容

// return false;

}

newobj.focus();

// return false;

}

以上所述是小编给大家介绍的JS双击变input框批量修改内容。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html+input+js双击,JS双击变input框批量修改内容相关推荐

点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
服务器所有文件后缀名变了,怎么样批量修改文件扩展名（后缀）
修改一个文件的扩展名很简单,只需要右键重命名即可.但是如果需要重命名的文件有很多,几百上千呢?其实很好办,我们用系统自带的命令提示符就可以解决这个问题.以我最近遇到的事情为例子,我用酷我音乐盒听音乐, ...
html点击图片弹出模态框,JS实现图片点击后出现模态框效果
JS实现图片点击后出现模态框效果 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了JS实现图片点击后出现模态框效果,编程之家小编觉得挺不错的 ...
js单击、双击、连续多次点击
文章目录单击双击单击双击同时存在连续多次点击单击原生javascript为我们提供了单击和双击(click 和 dblclick)两种点击事件的监听 var oBtn = document ...
AI人工智能ml5.js在线实现图片变卡通图像，照片变卡通图像
一直以来都在寻找能直接通过网页js实现人工智能应用的例子,今天果然找到了一个通过使用ml5.js这个js库是针对tensorflow.js的封装能最大限度的屏蔽tensorflow的细节,直接应用于A ...
js字体溢出字体变小_如何在网络上使用可变字体
js字体溢出字体变小可变字体是由从事字体设计的四家最大的技术公司--Apple,Google,Microsoft和Adobe共同开发的. 顾名思义,可变字体允许设计人员从同一个字体文件中获取无限数量 ...
js 自定义类Android吐司提示框
(function(){ var mouseX = 0; var mouseY = 0; //定义一个全局toaslist用来存在新建的吐司 var toastLsit ...
css3搜索框呼出键盘,移动端 input 输入框实现自带键盘“搜索“功能并修改X
主要利用html5的,input[type=search]属性来实现,此时input和type=text外观和功能没啥区别: html代码入下: 但要实现点击键盘右下角搜索,来发送请求,js代码如下( ...
标签span切换成可修改内容的input 详情
今天是12月的第二天,我们一起来看看有关于标签的切换吧! 首先先上效果图: 这里是一个span标签,关于标签的生成,这一章暂时不说,后面我会专门出一篇来介绍. 现在要实现的就是,当我们点击这个标签时, ...

html+input+js双击,JS双击变input框批量修改内容

html+input+js双击,JS双击变input框批量修改内容相关推荐

最新文章

热门文章