javaScript input失去焦点自动保存事件

本文介绍了一种使用onblur事件在用户离开输入框时自动保存数据的方法,并提供了具体的JavaScript实现示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实现行编辑时;离开焦点自动保存输入数据

onfocus 事件 

定义和用法  onfocus 事件在对象获得焦点时发生。

语法 οnfοcus="SomeJavaScriptCode"

onblur 事件

定义和用法  onblur 事件在对象失去焦点时发生。

语法  οnblur="SomeJavaScriptCode"

  1. <div field="score" headerAlign="center" align="center" allowSort="true" >
  2. 成绩
  3. <input id="scoreText" property="editor" class="nui-textbox" style="width:220px;" onblur="autoSave"/>
  4. </div>
javaScript函数:
  1. //失去焦点时执行函数
  2. function autoSave(e){
  3. saveCurrentRow(e.sender.value);
  4. }
  5. //保存当前行的打分数据
  6. function saveCurrentRow(inputData){
  7. var data = grid.getSelected();//获取当前行
  8. data.inputData= inputData;//将输入数据传递给获取行
  9. var json = nui.encode({applyinfo:data});//将获取的数据转换为json格式
  10. grid.loading("保存中,请稍后......");
  11. nui.ajax({
  12. url: "cn.updateApplyInfos.biz.ext",//后台逻辑
  13. data: json,
  14. type: "post",
  15. contentType:'text/json',
  16. success: function (text) {
  17. var returnJson = nui.decode(text);
  18. if(returnJson.exception==null){
  19. grid.reload();//重新载入页面
  20. }else{
  21. nui.alert("保存失败","系统提示");
  22. }
  23. grid.reload();
  24. }
  25. });
  26. }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值