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& ...
随机推荐
- MySQL字符编码、存储引擎、严格模式、字段类型之浮点 字符串 枚举与集合 日期类型
目录 字符编码与配置文件 数据路储存引擎 创建表的完整语法 字段类型之整型 严格模式 字段类型之浮点型 字段类型之字符串类型 数字的含义 字段类型之枚举与集合 字段类型之日期类型 字符编码与配置文件 ...
- SQLMap入门——获取表中的字段名
查询表名之后,查询表中的字段名 python sqlmap.py -u http://localhost/sqli-labs-master/Less-1/?id=1 -D xssplatform -T ...
- python Flask 操作数据库(2)
单表操作 数据准备 from flask import Flask from flask_sqlalchemy import SQLAlchemy class Config: DEBUG = True ...
- 将xlsx列表文件转为md列表
转换网站: https://tableconvert.com/ 在这篇文章中,我将告诉你如何快速的将Excel转换为markdown表格,以及如何将Google Docs,Numbers,网页中的表格 ...
- python之路39 前端开始 各种标签
前端前夕 前端三剑客 HTML 网页的骨架 CSS 网页的样式 JavaScript 网页的动态 1.编写服务端 2.浏览器充当客户端访问服务端 3.浏览器无法正常展示服务端内容(因为服务端得数据没用 ...
- python基础23 之初识面向对象
人狗大战 # 编写代码简单实现人打狗 狗咬人的小游戏 """推导步骤1:代码定义出人和狗""" person1 = { 'name': 'j ...
- Java学习笔记:2022年1月9日(其一)
Java学习笔记:2022年1月9日(其一) 摘要:这篇笔记主要记录了Java运行时中的两种变量.以及参数的两种传递方式. 目录 Java学习笔记:2022年1月9日(其一) 1.不同变量的详细探讨 ...
- margin-left:auto的妙用
问题描述 如上图所示,我们需要将上述三个标签右对齐,就像上图是要达到的效果,一般采用的方法是对每个标签设置margin-left这样就需要设置三个值. 当文字变长或者变成英文的时候又需要重新设置,否则 ...
- DML_修改数据
DML_修改数据 修改数据: 语法: update 表名 set 列名1 = 值1,列名2 = 值2, ... [ where 条件 ] ; 注意: 1. 如果不加任何条件,则会将表中所有记录全部修改 ...
- ASCLL编码器-算术运算符_四则与取模运算
ASCLL编码器 public static void main(String[] args) { //字符类型变量 char c = 'a'; int i = 1; //字符类型和int类型计算 S ...