js中各种事件监听
html.push('<input type="button" id="autocount_' + sysTime + '" class="layui-btn layui-btn-xs layui-btn-danger" value="自动计算">' );
点击事件
$("#sydcdel_"+sysTime).click(function () {
//删除的时候校验是否有已投入的相关信息,如果有则不能直接删除
var pihao = $("#sydcpihao_"+sysTime).val();
var url = "xunhuantouru/"+pihao+"," + "GF01030004";
febs.get(ctx + url, null, function (result) {
if('' == result.data || undefined == result.data){
layer.msg(result.data);
return false;
}
})
});
select下拉选中事件
form.on('select(sydcpihao_' + sysTime + ')', function(data){
var pihao = data.value;
if(pihao!='' && pihao!=null){
var url = "xunhuanDaohuo/getXunhuanDaohuo?pihao="+pihao;
febs.get(ctx + url, null, function (result) {
//获取废旧三元电池重量
var sydcweight = $("#sydcweight_"+sysTime).val();
var data = result.data;
$("#sydczhanbi_"+sysTime).val(data.zhanbi);
$("#sydcniHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.niJinshu/100)).toFixed(4));
$("#sydccoHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.coJinshu/100)).toFixed(4));
$("#sydcmnHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.mnJinshu/100)).toFixed(4));
$("#sydcliHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.liJinshu/100)).toFixed(4));
})
}
});
input 输入后事件
$("#sydcweight_"+sysTime).on('input propertychange', function(e) {
var sydcweight = $("#sydcweight_"+sysTime).val();
var pihao = $("#sydcpihao_"+sysTime).val();
if(pihao!=null && pihao!=''){
var url = "xunhuanDaohuo/getXunhuanDaohuo?pihao="+pihao;
febs.get(ctx + url, null, function (result) {
var data = result.data;
$("#sydczhanbi_"+sysTime).val(data.zhanbi);
$("#sydcniHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.niJinshu/100)).toFixed(4));
$("#sydccoHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.coJinshu/100)).toFixed(4));
$("#sydcmnHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.mnJinshu/100)).toFixed(4));
$("#sydcliHanliang_"+sysTime).val((sydcweight*(data.zhanbi/100)*(data.liJinshu/100)).toFixed(4));
})
}
});
js中各种事件监听的更多相关文章
- [No00006A]Js的addEventListener()及attachEvent()区别分析【js中的事件监听】
1.添加时间监听: Chrom中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target ...
- jQuery中的事件监听方式及异同点
jQuery中的事件监听方式及异同点 作为全球最知名的js框架之一,jQuery的火热程度堪称无与伦比,简单易学的API再加丰富的插件,几乎是每个前端程序员的必修课.从读<锋利的jQuery&g ...
- Javascript事件模型系列(三)jQuery中的事件监听方式及异同点
作为全球最知名的js框架之一,jQuery的火热程度堪称无与伦比,简单易学的API再加丰富的插件,几乎是每个前端程序员的必修课.从读<锋利的jQuery>开始,到现在使用jQuery有一年 ...
- 简单剖析Node中的事件监听机制(一)
使用js的class类简单的实现一个事件监听机制,不同于浏览器中的时间绑定与监听,类似于node中的时间监听,并且会在接下来的文章中去根据自己的理解去写一下Event模块中的原理. Node.js使用 ...
- Java中的事件监听机制
鼠标事件监听机制的三个方面: 1.事件源对象: 事件源对象就是能够产生动作的对象.在Java语言中所有的容器组件和元素组件都是事件监听中的事件源对象.Java中根据事件的动作来区分不同的事件源对象,动 ...
- jQuery中的事件监听小记
一,一个事件监听的简便写法 最近发现一个jQuery中事件监听的简洁写法,感觉方便好多.同时也深感自己基础薄弱,好多东西竟然都模棱两可.因此,记录的同时,也对jQuery事件监听做个小的总结 原文链接 ...
- Java 中的事件监听机制
看项目代码时遇到了好多事件监听机制相关的代码.现学习一下: java事件机制包含三个部分:事件.事件监听器.事件源. 1.事件:继承自java.util.EventObject类,开发人员自己定义. ...
- Node.js自定义对象事件监听与发射
一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者 ...
- vue中的事件监听之——v-on vs .$on
跟着视频中老师的教学视频学vue的时候,看很多时候都用@(v-on)来监听子级emit的自定义事件,但在bus总线那块,又用.$on来监听bus自身emit的事件,v-on之间似乎相似但又不同,今天对 ...
- Vue.js中 watch(深度监听)的最易懂的解释
<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text& ...
随机推荐
- .NET周报【12月第2期 2022-12-15】
国内文章 九哥聊Kestrel网络编程第一章:开发一个Redis服务器 https://mp.weixin.qq.com/s/HJYnBE-7wbvkAYHxQaq3eQ 我和拥有多个.NET 千星开 ...
- gitlab修改代码提交后显示中文名称
公司要求提交的代码能显示出是哪位提交的,所以要求显示中文名称以便统计工作 修改方法: 打开CMD命令提示符输入页面,输入修改指令: git config --global user.name &quo ...
- S2-009 CVE-2011-3923
漏洞名称 CVE-2011-3923 S2-009 远程代码执行漏洞 利用条件 Struts 2.0.0 - Struts 2.3.1.1 漏洞原理 OGNL提供了广泛的表达式评估功能等功能.该漏洞允 ...
- Java学习笔记:2022年1月6日(补充)
Java学习笔记:2022年1月6日(补充) 摘要:这篇笔记主要记录了2022年1月6日下午的笔记,主要内容为Java语言中的基础操作,以及基础知识点,了解这些后基本上就可以使用Java写算法了. ...
- ZROI3
题解 ZROI3 T1 与<滑动窗口>类似,用单调队列维护 #include <queue> #include <cstdio> #include <cstr ...
- VUEX state 的使用学习二
转载请注明出处: state 提供唯一的数据资源,所有的共享的数据都要统一放到store 中的state中进行存储; 状态state用于存储所有组件的数据. 管理数据 // 初始化vuex对象 con ...
- [BUUCTF]洞拐洞拐洞洞拐
[BUUCTF] 洞拐洞拐洞洞拐 问题链接:https://buuoj.cn/challenges#洞拐洞拐洞洞拐 问题附件是一张图片. 一. 图片分析 查看图片,发现是由有规律的黑白像素构成的PNG ...
- 腾讯出品小程序自动化测试框架【Minium】系列(四)API详解(上)
写在前面 不知道是不是因为之前出过书的原因,在写教程之类的文章,会潜意识有自带目录和章节的感觉在里面,有点说不出的感觉吧. 上篇文章我们介绍了关于元素定位的使用方法,这篇文章将为大家分享关于Miniu ...
- final关键字用于修饰类-final关键字用于修饰成员方法
final关键字与四种用法 概念 学习了继承后,我们知道,子类可以在父类的基础上改写父类内容容,比如,方法重写.那么我们能不能随意的继承 API中提供的类,改写其内容呢?显然这是不合适的.为了避免这种 ...
- ReentrantLock介绍及源码解析
ReentrantLock介绍及源码解析 一.ReentrantLock介绍 ReentrantLock是JUC包下的一个并发工具类,可以通过他显示的加锁(lock)和释放锁(unlock)来实现线程 ...