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& ...
随机推荐
- 新项目决定用 JDK 17了
大家好,我是风筝,公众号「古时的风筝」,专注于 Java技术 及周边生态. 文章会收录在 JavaNewBee 中,更有 Java 后端知识图谱,从小白到大牛要走的路都在里面. 最近在调研 JDK 1 ...
- 5、枚举Enum
枚举类会隐式的继承Enum类,无法再继承其它类(单继承机制) 一.无实参枚举类型: 1.定义: /** * 1.无实参枚举类型 */ public enum NoParamTypeEnums { SP ...
- 【WPF】自定义一个自删除的多功能ListBox
原文地址 https://www.cnblogs.com/younShieh/p/17008534.html 如果本文对你有所帮助,不妨点个关注和推荐呀,这是对笔者最大的支持~ 我需要一个ListBo ...
- 【运维笔录】局域网实现HTTPS访问,只需Nginx + mkcert
1)下载安装mkcert wget -O mkcert https://github.com/FiloSottile/mkcert/releases/download/v1.4.3/mkcert-v1 ...
- Hive详解(04) - hive函数的使用
Hive详解(04) - hive函数的使用 系统内置函数 查看系统自带的函数 hive> show functions; 显示自带的函数的用法 hive> desc function u ...
- 既然有MySQL了,为什么还要有MongoDB?
大家好,我是哪吒,最近项目在使用MongoDB作为图片和文档的存储数据库,为啥不直接存MySQL里,还要搭个MongoDB集群,麻不麻烦? 让我们一起,一探究竟,了解一下MongoDB的特点和基本用法 ...
- .NET周报【1月第1期 2023-01-06】
国内文章 [开源]基于.net6+gtksharp实现的Linux下的图形界面串口调试工具 https://www.cnblogs.com/flykai/p/17007554.html 由于公司的上位 ...
- Java基础学习笔记-数据类型、数制
数据类型,跟JS感觉差异不是很大,但是有个String不是很一样的样子 数据类型分为 基本数据类型和复合数据类型 基本数据类型分为下面三种 数值类型 1.整数类型:byte,short,int,lon ...
- Bootstrap Blazor Viewer 图片浏览器 组件更新, 支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid
示例: https://blazor.app1.es/viewer 使用方法: 1.nuget包 BootstrapBlazor.Viewer 2._Imports.razor 文件 或者页面添加 添 ...
- Postgresql 使用Vscode开发指南
Postgresql 使用Vscode开发指南 depends libraries sudo apt install -y libsystemd-dev libxml2-dev libssl-dev ...