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中各种事件监听的更多相关文章

  1. [No00006A]Js的addEventListener()及attachEvent()区别分析【js中的事件监听】

    1.添加时间监听: Chrom中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target ...

  2. jQuery中的事件监听方式及异同点

    jQuery中的事件监听方式及异同点 作为全球最知名的js框架之一,jQuery的火热程度堪称无与伦比,简单易学的API再加丰富的插件,几乎是每个前端程序员的必修课.从读<锋利的jQuery&g ...

  3. Javascript事件模型系列(三)jQuery中的事件监听方式及异同点

    作为全球最知名的js框架之一,jQuery的火热程度堪称无与伦比,简单易学的API再加丰富的插件,几乎是每个前端程序员的必修课.从读<锋利的jQuery>开始,到现在使用jQuery有一年 ...

  4. 简单剖析Node中的事件监听机制(一)

    使用js的class类简单的实现一个事件监听机制,不同于浏览器中的时间绑定与监听,类似于node中的时间监听,并且会在接下来的文章中去根据自己的理解去写一下Event模块中的原理. Node.js使用 ...

  5. Java中的事件监听机制

    鼠标事件监听机制的三个方面: 1.事件源对象: 事件源对象就是能够产生动作的对象.在Java语言中所有的容器组件和元素组件都是事件监听中的事件源对象.Java中根据事件的动作来区分不同的事件源对象,动 ...

  6. jQuery中的事件监听小记

    一,一个事件监听的简便写法 最近发现一个jQuery中事件监听的简洁写法,感觉方便好多.同时也深感自己基础薄弱,好多东西竟然都模棱两可.因此,记录的同时,也对jQuery事件监听做个小的总结 原文链接 ...

  7. Java 中的事件监听机制

    看项目代码时遇到了好多事件监听机制相关的代码.现学习一下: java事件机制包含三个部分:事件.事件监听器.事件源. 1.事件:继承自java.util.EventObject类,开发人员自己定义. ...

  8. Node.js自定义对象事件监听与发射

    一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者 ...

  9. vue中的事件监听之——v-on vs .$on

    跟着视频中老师的教学视频学vue的时候,看很多时候都用@(v-on)来监听子级emit的自定义事件,但在bus总线那块,又用.$on来监听bus自身emit的事件,v-on之间似乎相似但又不同,今天对 ...

  10. Vue.js中 watch(深度监听)的最易懂的解释

    <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text& ...

随机推荐

  1. Pytorch框架详解之一

    Pytorch基础操作 numpy基础操作 定义数组(一维与多维) 寻找最大值 维度上升与维度下降 数组计算 矩阵reshape 矩阵维度转换 代码实现 import numpy as np a = ...

  2. 【深入浅出Spring原理及实战】「源码原理实战」从底层角度去分析研究PropertySourcesPlaceholderConfigurer的原理及实战注入机制

    Spring提供配置解析功能 主要有一下xml文件占位符解析和Java的属性@Value的占位符解析配置这两种场景进行分析和实现解析,如下面两种案例. xml文件的占位符解析配置 <bean i ...

  3. 基于 Traefik 的激进 TLS 安全配置实践

    前言 Traefik是一个现代的HTTP反向代理和负载均衡器,使部署微服务变得容易. Traefik可以与现有的多种基础设施组件(Docker.Swarm模式.Kubernetes.Marathon. ...

  4. 基于 Traefik 的 ForwardAuth 配置

    前言 Traefik 是一个现代的 HTTP 反向代理和负载均衡器,使部署微服务变得容易. Traefik 可以与现有的多种基础设施组件(Docker.Swarm 模式.Kubernetes.Mara ...

  5. 4、Idea设置显示多行文件

    使用IDEA时,可能会没有注意到,一旦打开过多的Java文件时,默认会堆积在一行显示,就像浏览器打开了多个标签一样,此时需要通过右侧箭头筛选的方式来选择其他文件.为了解决这一问题,需要打开多行显示的方 ...

  6. c#5.0(.net 4.5之后)的 Async+await+Task的异步机制的调试笔记

    1.)无返回值的情况(异步也是基于线程). using System; using System.Collections.Generic; using System.Linq; using Syste ...

  7. 如何在Github上创建一个新仓库

    Hi,欢迎大家在有空的时候做客[江涛学编程],这里是2023年的第6篇原创文章,新年新气象,在这里我祝读者朋友们都好好的, 老规矩,拍拍手,上菜. 今天没有啥东西要跟家人们分享,就两个字,看图!!! ...

  8. STM32F103和AIR32F103的FreeRTOS中断优先级

    关于 Arm Cortex M 系列内核的中断优先级 https://community.arm.com/arm-community-blogs/b/embedded-blog/posts/cutti ...

  9. 1.31 wlx 魔怔 9 解法交互题小结

    参考题解地址 1. 从树上任意一个节点开始,跳到其随机一个后代,跳到叶子的期望次数为 \(H_{siz_u}=\ln(siz_u)\). 证明: 首先考虑一条链的情况.设在第 \(i\) 个点期望次数 ...

  10. UML 图

    类的表示(Class) 第一层:显示类的名称,如果是抽象类,则就用斜体显示. 第二层:是类的特性,通常就是字段和属性. 第三层:是类的操作,通常是方法或行为(前面加号(+)表示public:减号(-) ...