几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
onchange()事件不触发 不起作用
来源：互联网
2023-03-16 23:57:51 版权归原作者所有，如有侵权，请联系我们
JS中的onchange()事件，是一个表单域的操作事件。用于：input>、select>、textarea>三个表单标签，对于其他普通标签是不起作用的，即：不能触发事件。
工具/原料
- 电脑一台
- JavaScript
方法/步骤
新建HTML文件，定义表单域，表单是与用户交互的重要途径。
在表单域内，定义一个input>标签，用于onchange()事件
示例代码：
input type="text" name="funonc" id="funonc" onchange="fun()">
使用JS，定义onchage()事件的触发函数fun()
示例代码：
script>
function fun(){
var obj=document.getElementById("funonc");
obj.value="当光标离开INPUT输入域时，显示此语句!";
}
/script>
保存文件并在浏览器预览效果，请对比：输入时 和 离开后
在表单域内定义一个select>标签，并定义JS函数fun()
示例代码：
form action="">
select name="funonc" id="funonc" onchange="fun()">
option value="apple">apple /option>
option value="banana">banana /option>
option value="blue berry">blue berry/option>
/select>
/form>
script>
function fun(){
var obj=document.getElementById("funonc");
alert("你即将订购: " obj.value);
}
/script>
保存文件，并运行预览
textarea>标签的方法与示例中的input type="text">类似，不再赘述
注意事项
- onchage()需要定义在正确的标签上
- 喜欢此经验，请记得投票和点赞
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 外语学习JAVASCRIPT
上一篇：JS 复制文本框内容 下一篇：Javascript中怎么定义和使用String对象
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读