作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个简单的事件监听器,但需要将 this
解析为我的函数,但不知道如何解析。
这是我目前所拥有的:
var inpt = document.getElementById('curq');
inpt.addEventListener("keyup", function(e,max){ int_inpt_only(e,max); } , false);
function int_inpt_only(e,max) {
this.value = this.value.replace(/[^0-9]/g,'');
if(this.value > max) this.value = max;
if(this.value<1)this.value=1;
}
问题是 this
没有在我的函数中定义,因为范围没有执行,所以我想知道如何链接它们而不必两次查找元素。
最佳答案
使用 Function.call
:
inpt.addEventListener("keyup", function (e) {
int_inpt_only.call(this, e, 100);
}, false);
您发布的处理程序逻辑也有一个小问题:
inpt.addEventListener("keyup", function(e,max){ int_inpt_only(e,max); } , false);
^^^
事件处理程序不接收第二个参数,因此 max
未定义。
或者,如果这就是您的事件处理程序所做的全部事情,并且 int_inpt_only
可以通过词法作用域访问 max
变量(例如,在外部作用域中定义),只需传递一个函数引用改为作为事件处理程序:
inpt.addEventListener("keyup", int_inpt_only, false);
关于javascript - 使用事件监听器并从未命名函数中解析它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17559188/
背景 我最近在 merge 期间遇到了一个意外未 merge 的文档文件的问题。 无论出于何种原因,我搞砸了 merge 并有效地删除了文件(和其他几个文件),因为我忘记了它们的存在。 现在我想查看我
我在我的网站上使用旧的 mysql 版本和 php 版本 4。 我的表结构: | orders_status_history_id | orders_id | orders_status_id |
我是一名优秀的程序员,十分优秀!