【IT专家】使用带有.change()事件的输入类型=“文件”字段上传文件并不总是在IE和Chrome中触发[重复]

合集下载

第十九讲:Worksheet的Change事件

第十九讲:Worksheet的Change事件

第十九讲:Worksheet的Change事件当工作表单元格数值被修改后,就会触发Worksheet的Change 事件,我们可以通过写一些语句响应这个事件来完成一些工作,下面我们通过一些例子来认识它。

打开一个工作薄,点击工作表名称标签,选择“查看代码”命令进入VBE编辑窗口,在代码窗口的对象列表中选择“Worksheet”,在事件列表中选择“Change”,这时代码窗口中会出现一段代码:1.Private Sub Worksheet_Change(ByVal Target As Range)2.3.End Sub相关说明:1、Worksheet是对象名,Change是事件名称,对象名称和事件名称用下划线连接;2、(ByVal Target As Range):括号里的是程序运行传递的参数,Target是一个Range对象,即单元格区域,指触发Change事件的单元格,也就是数值被修改了的单元格。

3、我们只需要将所需要执行的代码写在Sub与End Sub之间,这样,在工作表的某个单元格发生改变时,就自动执行Sub与End Sub之间的程序代码。

如果我们需要在每一次单元格修改之后都告诉我们这个单元格的地址是多少,则代码可以为:1.Private Sub Worksheet_Change(ByVal Target As Range)2.MsgBox '刚刚修改的单元格地址是:' & Target.Address3.End Sub这样,当我们修改了某个单元格后,都会自动弹出一个对话框告诉我们刚刚修改的格的地址是多少。

如果我们想只有修改某个单元格区域,比如D列的单元格的时候,才弹出这个对话框告诉我们,也是可以的,那代码为:1.Private Sub Worksheet_Change(ByVal Target As Range)2.If Target.Column = 4 Then '当改变的单元格的列号为4,即为D列时执行程序3.MsgBox '刚刚修改的单元格地址是:' & Target.Address4.End If5.End Sub有时,为了减少工作表信息的输入工作,我们会利用到Worksheet的Change事件,例如有一相记录学生借书或还书情况的工作表,C列2行以下的区域记录图书“借出”或“归还”的情况,需要在每一次更改“借出”或“归还”状态时,都在同行的D列记录下更改的日期,则代码可以为:1.Private Sub Worksheet_Change(ByVal Target As Range)2.'当被修改的单元格只有一个,且列号等于3,行号大于2时执行程序3.If Target.Count = 1 And Target.Column = 3 And Target.Row > 2 Then4.Target.Offset(0, 1) = Date '被修改的单元格的右面一个单元格的值为当前日期5.End If6.End Sub。

vba中change和afterupdate

vba中change和afterupdate

VBA中Change和AfterUpdate在VBA编程中,Change和AfterUpdate是两个常用的事件,它们分别用于监测控件的值的改变和更新。

在本文中,我将分别对Change 事件和AfterUpdate事件进行介绍,并共享它们的使用方法和注意事项。

一、Change事件1. Change事件是一种在用户改变了控件的值之后触发的事件。

它通常用于文本框、下拉框等控件,以监测用户输入的变化。

2. 在VBA中,可以通过以下代码将Change事件与控件关联起来:Private Sub TextBox1_Change()' Your code hereEnd Sub这段代码表示当TextBox1的值发生改变时,将执行后面的代码。

3. Change事件通常用于实时监测用户输入的内容,比如实现即时搜索功能、输入内容的格式验证等。

4. 在使用Change事件时,需要注意避免在其中编写过多的代码,以免影响用户体验。

另外,需要考虑用户输入的实时性,不应该在每次输入时都执行复杂的操作。

二、AfterUpdate事件1. AfterUpdate事件是一种在用户完成对控件值的更新之后触发的事件。

它通常用于监测用户的确认操作,比如点击按钮、按下回车键等。

2. 在VBA中,可以通过以下代码将AfterUpdate事件与控件关联起来:Private Sub TextBox1_AfterUpdate()' Your code hereEnd Sub这段代码表示当用户完成对TextBox1的值更新后,将执行后面的代码。

3. AfterUpdate事件通常用于对用户输入的最终确认进行处理,比如提交表单、更新数据等操作。

4. 在使用AfterUpdate事件时,需要注意用户的行为和操作习惯,确保在用户完成操作后才执行相关代码,避免出现不必要的操作和错误。

总结Change和AfterUpdate是VBA中常用的两种事件,它们分别用于监测控件值的改变和更新。

js中change的用法

js中change的用法

js中change的用法在JavaScript中,change事件是当用户改变表单字段的值时触发的事件。

这个事件通常与input、select和textarea等表单元素一起使用。

change事件可以用于检测表单字段的值是否发生了改变,并根据改变的值执行相应的操作。

change事件的基本用法如下:1. 使用addEventListener(方法监听change事件:```javascriptconst inputField = document.querySelector('#myInput');inputField.addEventListener('change', (event) =>//执行操作});```2. 使用onchange属性注册change事件处理程序:```javascriptfunction myFunctio//执行操作``````html<input type="text" id="myInput" onchange="myFunction(">```无论使用哪种方式,当用户改变input字段的值时,change事件会被触发,从而执行相应的操作。

下面是change事件的一些常见用法:1.检测输入字段的值是否发生了改变:```javascriptconst inputField = document.querySelector('#myInput');inputField.addEventListener('change', (event) =>console.log('值已改变');});```2.在输入字段值改变后执行一些操作:```javascriptconst inputField = document.querySelector('#myInput');inputField.addEventListener('change', (event) =>//获取新的值const newValue = event.target.value;//执行一些操作console.log('新的值为:' + newValue);});```3.检测下拉列表的选项是否发生了改变:```javascriptconst selectField = document.querySelector('#mySelect'); selectField.addEventListener('change', (event) => console.log('选项已改变');});```4.根据下拉列表选项的值执行不同的操作:```javascriptconst selectField = document.querySelector('#mySelect'); selectField.addEventListener('change', (event) =>//获取选中的值const selectedValue = event.target.value;//根据选中的值执行相应的操作if (selectedValue === 'option1')console.log('选中了选项1');} else if (selectedValue === 'option2')console.log('选中了选项2');} elseconsole.log('选项未改变');}});```5.监听多个输入字段的值是否发生了改变:```javascriptconst inputFields = document.querySelectorAll('.myInput');inputFields.forEach((inputField) =>inputField.addEventListener('change', (event) =>console.log('值已改变');});});```以上是change事件在JavaScript中的基本用法和一些常见用例。

国开VisualBasic程序设计章节自测1-9

国开VisualBasic程序设计章节自测1-9

国开VisualBasic程序设计第1章自测试题及答案一、单项选择题(14题,每题5分,共70分)试题 1Visual Basic是一种面向对象的程序设计语言,所采用的编程机制是正确答案是:事件驱动试题 2下列选项中,属于VisualBasic程序设计方法的是()。

正确答案是:面向对象、事件驱动试题 3在 Visual Basic的集成开发环境中创建Visual Basic应用程序时,除了工具箱窗口、窗体设计窗口、属性窗口外,必不可少的窗口是()。

正确答案是:代码编辑窗口试题 4启动Visual Basic后,系统为用户新建的工程名是()。

正确答案是:工程1试题 5后缀为.frm的文件表示VB 的()。

正确答案是:窗体文件试题 6窗体文件的扩展名是()。

正确答案是:.frm试题 7将一个VB程序保存在磁盘上,至少会产生的文件是()。

正确答案是:.vbp和.frm试题 8缺省情况下,保存新建的工程时,默认的路径是()。

正确答案是:VB98试题 9在设计应用程序时,可以查看到应用程序工程中所有组成部分的窗口是()。

正确答案是:工程资源管理器窗口试题 10VB6.0集成开发环境可以()。

正确答案是:编辑、调试、运行程序,也能生成可执行文件试题 11Visual Basic应用程序处于执行模式时,这时()。

正确答案是:既不能设计界面,也不能编写代码试题 12后缀为.vbp的文件表示VB 的()。

正确答案是:工程文件试题 13一个VB应用程序可以包含的vbp文件的个数是()。

正确答案是:1个试题 14下面关于工程的概念中错误的是()。

正确答案是:一个大的Visual Basic应用程序才能构成一个工程二、判断题(10题,每题3分,共30分)试题 15VB6.0用于开发任何环境下的应用程序。

正确答案是“错”。

试题 16在VB中,许多属性可以在属性窗口中修改,并立即在屏幕上看到效果。

正确答案是“对”。

试题 17在事件驱动的应用程序中,代码是按照预定的路径执行的。

jquery的change()方法的使用

jquery的change()方法的使用

jquery的change()⽅法的使⽤w3c 中的定义:链接 <a>/jquery/event_change.asp<a>jQuery 事件 - change() ⽅法定义和⽤法当元素的值发⽣改变时,会发⽣ change 事件。

该事件仅适⽤于⽂本域(text field),以及 textarea 和 select 元素。

change() 函数触发 change 事件,或规定当发⽣ change 事件时运⾏的函数。

注释:当⽤于 select 元素时,change 事件会在选择某个选项时发⽣。

当⽤于 text field 或 text area 时,该事件会在元素失去焦点时发⽣。

触发 change 事件触发被选元素的 change 事件。

语法$(selector).change()将函数绑定到 change 事件规定当被选元素的 change 事件发⽣时运⾏的函数。

语法$(selector).change(function)遇到的问题:在页⾯中通过button 按钮触发input 上传⽂件html如下:<form name="upload" id="upload" action="/fnance/upload" class="form-inline" style="display: inline-block;" method="post" enctype="multipart/form-data"> <input type="file" id="file" name="file" style="display: none;"/><button type="button" class="btn btn-primary" onclick="$('#file').click();">批量导⼊</button></form>js如下:$("#file").change(function(){alert( $("#file").val());$("#upload").ajaxSubmit(function(data){var json = eval("("+data+")");if(json.status == 1){alert("导⼊成功");datatables.draw();}else{alert(json.message);}})$(this).val("");});当button 按钮触发点击事件后, 触发input 框的点击事件, 对于 type='file' 的input框选择⽂件后,value='选中的⽂件名' 符合条件触发change()⽅法。

el-select change事件传递参数报错

el-select change事件传递参数报错

在Element UI 的`el-select` 组件中,如果使用在Element UI 的`el-select` 组件中,如果使用`change` 事件并传递参数时出现报错,可能是因为参数格式不正确。

请确保传递给`change` 事件的参数是一个对象,包含以下属性:1. `value`:选中的值2. `index`:选中项的索引3. `item`:选中项的对象示例代码:```html<template><el-select v-model="selectedValue" @change="handleChange"><el-optionv-for="item in options":key="item.value":label="bel":value="item.value"></el-option></el-select></template><script>export default {data() {return {selectedValue: '',options: [{ value: 'option1', label: '选项1' },{ value: 'option2', label: '选项2' },{ value: 'option3', label: '选项3' },]};},methods: {handleChange(event) {console.log('选中的值:', event.value);console.log('选中项的索引:', event.index);console.log('选中项的对象:', event.item);}}};</script>```在这个示例中,当用户选择一个选项时,`handleChange` 方法会被调用,并打印出选中的值、索引和对象。

月全国计算机等级考试《二级Visual Basic语言程序设计》历年真题与模拟试题详解

2018年9月全国计算机等级考试《二级Visual Basic语言程序设计》历年真题与模拟试题详解最新资料,WORD格式,可编辑修改!目录第一部分历年真题及详解2016年3月全国计算机等级考试《二级Visual Basic语言程序设计》真题及详解(考试时间120分钟满分100分)一、选择题(每小题1分,共40分)1.窗体上的3个命令按钮构成名称为Command1的控件数组,如图1所示。

图1程序如下:Private Sub Command1_Click(Index As Integer)If Index= 1 ThenPrint"计算机等级考试"End IfIf Index=2 ThenPrint Command1(2).CaptionEnd IfEnd Sub运行程序,单击“命令按钮2”,则如下叙述中正确的是()。

A.Print Command1(2).Caption语句有错B.在窗体上显示“命令按钮2”C.在窗体上显示“命令按钮3”D.在窗体上显示“计算机等级考试”【答案】D【解析】控件数组的下标默认从0开始,所以Index=0对应命令按钮1;Index=1对应命令按钮2;Index=2对应命令按钮3。

当单击命令按钮2时,Index=1,因此程序会输出“计算机等级考试”。

2.在窗体上画一个名称为Command1的命令按钮,再画两个名称分别为Label1、Label2的标签,然后编写如下程序代码:Private X As IntegerPrivate Sub Command1_Click()X=5:Y=3Call proc(X,Y)=X=YEnd SubPrivate Sub proc(a As Integer, ByVal b As Integer)X=a*aY=b+bEnd Sub程序运行后,单击命令按钮,则两个标签中显示的内容分别是()。

A.25和3B.5和3C.25和6D.5和6【答案】A【解析】X是在窗体模块中起作用的模块变量,Y是一个局部变量。

兼容ie的jqueryajax文件上传

兼容ie的jqueryajax⽂件上传Ajax⽂件上传插件很多,但兼容性各不⼀样,许多是对ie不兼容的,另外项⽬中是要求将⽹页内容嵌⼊到桌⾯端应⽤的,这样就不允许带flash的上传插件了,如:jquery uploadify。

悲剧对于Ajax⽂件上传,⼤体是有: 1、创建⼀个input type="file" 的⽂件上传按钮,根据其id监听绑定其change事件,在事件中⽤jquery创建⼀个iframe,嵌⼊添加隐藏form,同时创建inputtype="file",id相同的⽂件上传按钮,并传⼊其他需要提交的数据,然后提交,提交完成后移除⼀个input type="file",这样⽤bind或on的绑定就对新的input 框失效,需要重新再绑定⼀次change事件,以前的jquery是可以使⽤live函数代替的,现在只能在⽂件上传成功后再绑定⼀次change事件。

1 $(function() {2 uploadFile("fileData",'cn.ftiao.cm.model.LiveCourse','',"CI");3 });45 function uploadFile(id,classFullName,jsonStrValue,preFileName){6 $("#"+id).on("change", function(){7 // 上传⽅法8 $.ajaxFileUpload({9 url:$("#"+id).attr("data-url-upload"), //需要链接到服务器地址10 secureuri:false,11 type:"post",12 fileElementId:id, //⽂件选择框的id属性13 dataType: 'json',14 data:{15 "classFullName":classFullName,16 "jsonStrValue":"",17 "preFileName":preFileName18 },19 //服务器返回的格式,可以是json20 success: function (data, status){ //相当于java中try语句块的⽤法21 $("#courseIconImg").attr("src",$(".ctx").val()+"/images/img-class.png");22 alert("hello");23 //先将原有的上传展⽰清除24 $("#" + id).nextAll("span").remove();25 $("#courseIcon").val(data.outputFileName);26 // $("#coursewareFile").val(data.outputFileName);27 var uploadHtml = "<span id='"+data.outputPreFileName+"_livelesson_div' style='color:#FFFFFF;'>";28 uploadHtml += data.fileUploadName ;29 uploadHtml += "<a name='_LIVELESSON_PRIVIEW'>&nbsp;预览 &nbsp;</a><a name='_LIVELESSON_DEL'>&nbsp;删除&nbsp;</a>";30 uploadHtml += "</span>";31 // $("#"+id).parents("li").append(uploadHtml);32 uploadFile("fileData",'cn.ftiao.cm.model.LiveCourse','',"CI");33 },34 error: function (data, status, e) //相当于java中catch语句块的⽤法35 {36 alert(e);37 }38 });39 });40 return false;41 }View Code 2、创建⼀个 input type="file"的按钮,监听其click事件,然后创建iframe,隐藏form,隐藏form⾥有个 input type="file"的⽂件上传框,模拟点击click,弹出⽂件选择框,选择完⽂件后上传。

【IT专家】ssh可用,scp不可用的奇葩问题

本文由我司收集整编,推荐下载,如有疑问,请与我司联系ssh可用,scp不可用的奇葩问题2017/10/14 10 转载自https://2cto/net/201603/491409.html 引入 linux是一个庞大复杂的系统。

整天跟它打交道的运维或开发人员难免不遇到什么问题。

这里,本人聊聊遇到的一个跟scp相关的奇葩问题。

 一、问题描述 两台centos6.7主机(主机一:172.16.13.62和主机二:172.16.13.72),都安装好ssh,相关的ssh连接配置也没问题,但是在用scp进行两主机之间的文件传输复制时,出现以下情况: 在主机一上操作scp,成功从主机二传输文件到主机一。

当然也能成功把文件从主机一成功传输到主机二。

如:[root@172.16.13.62~]#scp172.16.13.72:/root/20160215.log/rootroot@172.16.13.72’spass word:20160215.log100%34343.4KB/s00:00[root@172.16.13.62~]#而在主机二上操作scp,做从主机一传输文件到主机二时,成功输入密码后,出现如下情况:[root@172.16.13.72~]#scp172.16.13.62:/root/20160215.log/rootroot@172.16.13.62’spass word:---------changealiashere-----------[root@172.16.13.72~]#打印了一句”changealiashere”,然后就结束了,scp没有成功传输文件。

当然从主机二传输文件到主机一的时候,依旧也是打印一句”changealiashere”,传输也是没有成功的。

 为什么在主机一上操作scp成功,而在主机二上操作却不成功呢?那句”changealiashere”又是从哪里来的呢?我做出了以下分析: 二、分析解决 以下分析中,主机二也叫错误主机,主机一成为正确主机。

文本框的onchange事件,如何兼容各大浏览器

⽂本框的onchange事件,如何兼容各⼤浏览器在项⽬中经常会遇到对⽤户输⼊的数据进⾏实时校验,⽽不是等⽂本框失去焦点或⽤户⼿动点击校验。

⾸先分析下在哪些情况下⽂本框会产⽣change事件。

1、⽤户通过键盘⼊正常字符时;2、⽤户通过键盘输⼊⾮正常字符时 ctrl+v ctrl+x ctrl+z delete Backspace 等操作时;3、⽤户通过⿏标进⾏粘贴、剪切、撤消等操作时;<body><input id="text1" type="text"/><div id="info1"></div><script type="text/javascript">var text1 = $("#text1"); //input基本满⾜,但不能完全⽀持IEtext1.bind("input", function () {console.clear();console.log("input", $(this).val());}); //有input就够了,propertychange好像没什么效果text1.bind("propertychange", function () {console.clear();console.log("propertychange",$(this).val());}); //只能捕获键盘事件 text1.bind("keyup", function () { console.clear(); console.log("keypress", $(this).val()); });</script></body>现在针对<input>⽂本框的onchange相关的事件,主要有以下⼏个事件,分析他们对以上情况是否能捕获onchange:⽂本框好像没有该事件,只有下拉框才有。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

本文由我司收集整编,推荐下载,如有疑问,请与我司联系使用带有.change()事件的输入类型=“文件”字段上传文件并不总是在
IE 和Chrome 中触发[重复]
使用带有.change()事件的输入类型=“文件”字段上传文件并不总是在IE 和
Chrome 中触发[重复][英]Upload files using input type=“file” field with .change() event not always firing in IE and Chrome [duplicate]I have simple piece of code to upload files: 我有一段简单的代码来上传文件:
$(document).ready(function () { $(“.attachmentsUpload input.file”).change(function () { $(‘form’).submit();form action=“/UploadHandler.ashx”method=“post”enctype=“multipart/form-data”input type=“file”name=“file” / /form While I click
on input and then select a file in dialog box, I’m submitting this file using ajax. This is not important part here. Important part is, that while I select the same file second time in the
dialog box, just after submitting the first file, the .change() event does not fire in IE and Chrome. But while I choose different file, the event fires and works properly. Under Firefox it is firing all the time.
当我点击输入然后在对话框中选择一个文件时,我正在使用ajax 提交此文件。


不是重要的部分。

重要的是,当我在对话框中第二次选择相同的文件时,在提交第
一个文件之后,.change()事件不会在IE 和Chrome 中触发。

但是当我选择不同的
文件时,事件会触发并正常工作。

在Firefox 下,它一直在开火。

How to workaround this, to work as expected (as in Firefox) ?
如何解决这个问题,按预期工作(如在Firefox 中)?
29
Description This happens because the value of the input field (the selected filepath) does
not change if you select the same file again.
发生这种情况是因为如果再次选择同一文件,则输入字段(所选文件路径)的值
不会更改。

相关文档
最新文档