纯JavaScript实现获取onclick、onchange等事件的值
在网页开发中，我们常常需要获取HTML标签中的事件值，比如在一个下拉菜单级联的场景中。想象一下这样的一个情境：
在这里，我们想要通过某个事件的信息来确定下一级的菜单内容。对于稍微熟悉JQuery的开发者来说，获取这样的值似乎轻而易举。在实际开发中，有时我们可能会遇到一些挑战。
在JQuery中，使用attr方法通常可以轻松地获取标签的任何属性，包括事件。在实际开发环境中，直接使用$("city").attr("onchange")可能无法获取到我们想要的结果，返回的是undefined。这是因为onchange实际上是一个事件处理器，而不是一个简单的属性。
使用纯JavaScript的getAttributeNode方法，我们可以轻松地获取到这个事件处理器的值。这个方法允许我们获取属性节点，无视属性和事件的差异，类似于处理XML的方式。然后，我们可以通过nodeValue属性获取这个属性节点的实际值。获取onchange事件的代码可以写成这样：
```javascript
$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
alert(onchangeValue); // 输出将是"javascript:test();"这样的字符串形式
});
```
在使用这个方法时需要注意一点：如果你尝试使用getAttribute方法去获取事件的值，你可能会得到一个函数对象，这并不是我们想要的结果。这是因为getAttribute方法会将值当作字符串处理，而事件处理器在HTML中是以函数的形式存在的。我们需要使用getAttributeNode和nodeValue的组合来获取事件的字符串值。希望这篇文章能为你提供有用的帮助！如果你正在寻找如何获取onclick等其它事件的值的方法，这个方法同样适用。记住，使用纯JavaScript或者JQuery都可以实现这一目标，选择哪种方式取决于你的个人喜好和项目需求。
编程语言
- 纯JavaScript实现获取onclick、onchange等事件的值
- PHP静态文件生成类实例
- 今天你说520了吗-不仅有php表白书还有java表白神器
- 密码强度检测函数（正则）
- Base64编码的深入认识与理解
- jQuery实现简单二级下拉菜单
- 一款不错的flash Mp3播放器
- js判断鼠标左、中、右键哪个被点击的方法
- 对有自增长字段的表导入数据注意事项
- Git 教程之工作流程详解
- jquery+正则实现统一的表单验证
- PHP hex2bin()函数用法讲解
- PHP连接SQLServer2005的方法
- javascript中动态函数用法实例分析
- JSP 自动刷新的实例详解
- jsp之间传参数接受中文有乱码问题解决方法