[武汉|结业弟子]JS-周恒光|2017年04月28日的日报-技能树.IT修真院

发表于： 2017-04-28 22:49:08

1 903

今天完成的事情：

1.实现对滑动控件事件的监听。对滑动条和输入框设置全局变量，建立2个函数相互对input的value赋值。

关于给input的value赋值引发的问题，说不清楚，就知道a赋值给b，b也要赋值给a，有空好好研究下。

2.在滑动条两边创建加减按钮设置onclick事件，分别放入value+1，-1以及限制字数范围的函数，通过点击进行判断。

3.设置杀手和平民的数量，测试洗牌算法。

明天计划的事情：

完成任务2，开始任务3

问题：

1的差别在哪里啊？

html button自动刷新问题。button按钮在执行完buttton的click事件后，会自动刷新页面。

原因：

1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
2、但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

解决办法：为button按钮增加一个type=“botton”属性。

收获：

onchange事件是作用域的内容被改变时触发，oninput在内容修改后立即被触发。

1、onchange事件与onpropertychange事件的区别：

onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。

2、oninput事件与onpropertychange事件的区别：

oninput事件是IE之外的大多数浏览器支持的事件，在value改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过js改变value时，却不会触发；onpropertychange事件是任何属性改变都会触发的，而oninput却只在value改变时触发，oninput要通过addEventListener()来注册，onpropertychange注册方式跟一般事件一样。（此处都是指在js中动态绑定事件，以实现内容与行为分离）

3、oninput与onpropertychange失效的情况：

（1）oninput事件：a). 当脚本中改变value时，不会触发；b).从浏览器的自动下拉提示中选取时，不会触发。

（2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。