contenteditable知道编辑了哪一行

2024-10-17

实时监测contenteditable(可编辑文档)的内容发生改变

如果是文本框用onchange,oninput,onpropertychange都可以实时监控值发生变化,但是div设置了属性contenteditable(可编辑文档)就不管用了. 最简单的方法用oninput事件,可惜ie下支持度不好 addEvent(doc,'input',function(){ //do something... }); 那么自己实现一个: var oldValue = context.getSource(), newValue; ['blur','keyup','mo

HTML5之contenteditable可编辑属性

运用contenteditable实现输入框高度自动增加,输入框标题name相对高度自动居中,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-

利用easyui的行编辑自动增加一行来进行增删有详细注解

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点. easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能. 使用 easyui,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面. HTML 网页的完整框架. easyui 节省了开发产品的时间和规模. easyui 非常简单,但是功能非常强大. 先给大家展示效果图:

div contenteditable 重新编辑时focus光标定位到前面问题解决

<div class="editdiv" id="edit" contenteditable="true">这是添加文字</div> getC($('.editdiv')) function getC(el){ el = el[0]; // jquery 对象转dom对象 el.focus(); var range = document.createRange(); range.selectNodeContents(el)

UI：UITableView 编辑、cell重用机制

tableView编辑.tableView移动.UITableViewController tableView的编辑:cell的添加.删除. 使⽤场景: 删除⼀个下载好的视频,删除联系⼈: 插⼊⼀条新的聊天记录等 1.让tableView处于编辑状态 2.指定tableView哪些⾏可以编辑 3.指定tableView编辑的样式(添加.删除) 4.编辑完成(先操作数据源,再修改UI) 移动的步骤 1.让tableView处于编辑状态 2.指定tableView哪些⾏可以移动 3.移动完成监测移

关于bootstrap table 的可编辑列表的实例

最近被安排到一个新的项目里,首先被分配了一个成果管理的模块,虽然是简单的增删改查,但是也费了不少功夫. 其中耽误最长的时间就是form中嵌套了两个可编辑列表的子表.废话不说上干货 = = 参考资料 1. http://bootstrap-table.wenzhixin.net.cn/documentation/ api 2. http://blog.csdn.net/lzxadsl/article/details/49181127 界面图: jsp代码: 简单的一个按钮和一个普通的table <

css style 标签可编辑

一次偶然在鑫大技术博客上发现 style 标签配合contenteditable 可编辑属性实现动态编辑css 这里我就回顾了下 contenteditable 可编辑属性 (这个属性并无浏览器兼容问题,常用来模拟textarea属性) 1.该属性有两个值 true(开启可编辑) false(关闭可编辑) 注意: 当元素中没有设置 contenteditable 属性时,元素将从父元素继承. 在style上利用 contenteditable属性可将style内容类似于在text

EasyUI效果--DataGrid的编辑效果

DataGrid的编辑效果是我目前使用的easyUI的第三个效果,相对于前两个,这个算是比较复杂点了. 运行起来的效果,大概就是这样,任意点击某行,然后该行变为可以编辑的,失去焦点之后,该行恢复.点击上面的按钮Append,Remove,Accept,Reject,getChanges可以添加一行,删除一行,保存修改,撤销修改,获取改变的数据. 之前拿到官网的源码之后,进行测试.开始没细看代码,删了几列数据,包括Product列,就发现只有第一次点击数据会有编辑效果,并且之后不论怎么

html简单的知识

分布式版本控制git pwd查询当前目录 ls ls -la git config --global user.name xxx git config --global user.email xxx git config user.name git config user.email mkdir xxx文件夹 touch xxx.html vim xxx.txt 打开文件夹 i 进入编辑模式 ESC 退出编辑模式在插入编辑模式下编辑文件. 按下 “E

解决NetBeans运行卡顿问题

NetBeans安装目录下的此文件打开编辑找到这一行,在后面添加最大的运行内存,这里我改成了900M(红色部分),重启NetBeans即可.netbeans_default_options="-J-client -J-Xss2m -J-Xms32m -J-Xmx900M -J-Dapple.laf.useScreenMenuBar=true -J-Dapple.awt.graphics.UseQuartz=true -J-Dsun.java2d.noddraw=true -J-Dsun.jav

执行shell脚本，报错坏的解释器

在windows下面用editplus编写了一个shell脚本.执行时报错 "/bin/bash^M: 坏的解释器: 没有那个文件或目录解决方法: 在终端输入sed -i 's/\r$//' mysql.sh #(mysql.sh是脚本名字) 原因: 在Windows下编辑文本每一行结尾是\n\r,而Linux下则是\n sed -i 's/\r$//' mysql.sh 会把make-all-linux-project.sh中的行尾的\r替换为空白

VS 常用高效快捷键

强迫智能感知:Ctrl+J.智能感知是Visual Studio最大的亮点之一,选择Visual Studio恐怕不会没有这个原因. 2 撤销:Ctrl+Z.除非你是天才,那么这个快捷键也是最常用的. 3 强迫显示参数信息:Ctrl-Shift-空格.这绝对是个好东西. 4 重命名:F2.如果你不擅长起名字,那么这个快捷键将会使你的代码看起来更漂亮. 5 插入代码段:Ctrl+K,X.如果你想快速的输入代码,这个必须记住.配合F2一起用,那将会成为一把利器.当然,使用“Ctrl+K,S”,你可以

Matlab(3) -- 编写M文件（函数）

转自:http://blog.csdn.net/misskissc/article/details/8178089 matlab的命令编辑窗口(Command Window)界面主要是用来调用系统命令.调用自定义函数(m文件里定义的函数)或编写一些较小的代码.在遇到需要用到比较多的代码才能摆平的需求时, 在命令编辑窗口每一行都有提示输入符号,用起来不是很方便(如前所述而且命令编辑窗口主要是用来调用命令之用),此时我们不得不求助于matlab的m文件来编写代码.所以,记录一下经自行探索其编写方式

一个在ASP.NET中利用服务器控件GridView实现数据增删改查的例子

备注:这是我辅导的一个项目开发组的一个例子,用文章的方式分享出来,给更多的朋友参考.其实我们这几年的项目中,都不怎么使用服务器控件的形式了,而是更多的采用MVC这种开发模式.但是,如果项目的历史背景是用服务器控件的,也不妨继续沿用,以免变动太大,对项目的整体开发不利. 很多企业业务程序的页面,其实本质上都是对数据的操作,诸如增加.删除.修改和查询(简称:增删改查),如果有可能在一个页面中完整地实现(不需要几个页面转来转去),对于用户来说可能体验较好. ASP.NET在2.0中开始提供多种数据控件

[Linux.NET] CentOS 开启/关闭端口

最近一直在学习研究mvc网站部署到Linux上,Web服务器用的Jexus,linux版本是阿里云提供的centos.一个服务器又要放多个独立网站,对于学习阶段使用多个端口标识还是挺方便的,本文记录下开关端口的方式: //默认root用户登录查看端口是否开放: # /sbin/iptables -L -n 编辑端口 # vi /etc/sysconfig/iptables 按i进入编辑模式添加一行这里开启1234端口 -A INPUT -p tcp -m state --state NEW

CentOS找回root密码

如果忘记了root密码,可以进入单用户模式进行密码重置. 重启系统,在grub的启动菜单中按下e键,然后编辑kernel那一行,在最后的quiet后加上single. 按下Enter后,再按b开机进入单用户模式. 用passwd命令可以重新设置密码.

easyUI数据表格datagrid之笔记2

/**========================================= * 追加在表格尾部 */function append(){ editIndex = $('#dg').datagrid('getRows').length-1; //if (endEditing()){ $('#dg').datagrid('appendRow',{ MEDIA_ID:editIndex, MEDIA_NAME:'testmedia', MEDIA_DOMAIN:'http://ceshi

Linux重置root密码步骤

1.开机时任意按一个方向键,进入界面,选择linux系统,按e键进入2.然后用上下键选择kerner(内核)那一行,按e键进入编辑界面,编辑界面最后一行显示如下:(grub edit> kernel /...=/ rhgb quiet)3.在编辑界面最后一行添加数字1,添加后内容(grub edit> kernel /...=/ rhgb quiet 1 ),然后回车,4.回车后,会跳到第2步的编辑界面,在按b键到boot界面5.等待,直到需要输入命令,然后输入"passwd&quo

Django1.9开发博客（8）- 继续完善

到现在为止我们已经完成的差不多了,并且基本的东西都已经学到了,是时候用起来了. 我们的博客还有很多功能需要完善,下面抛砖引玉新增几个功能,还有其他功能等你自己去发现和实现. 草稿箱之前我们新建文章的时候只是是保存到数据库,也就是仅仅保存了草稿,还没有对外发布, 在博客首页上面是看不到的,因为published_date字段为空.这里我们需要添加一个草稿箱的链接.还是四部曲. 第一步,添加一个链接: 打开mysite/templates/mysite/base.html文件,在 1 <h1>&

html5的spellcheck属性（拼写、文法检查）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>spellcheck属性的使用</title> </head> <body> <style> .ac{border:1px solid #ff7300;width:200px;height:100px;} </style> <pre>

contenteditable知道编辑了哪一行

热门专题