在textarea中屏蔽js的某个function的javascript代码
2023-06-13 09:13:55 时间
有一个textarea,我想在这焦点在这个textarea中的时候屏蔽某个function,
就是使这个function失效,移出焦点后重新使其有效,请问该怎样实现???
1楼
在你的那个函数里通过 document.activeElement 得到当前网页聚焦的那个控件, 判断这个若是这个 textarea 则跳出不执行本函数
2楼
楼上正解,向meizz学习
3楼
to meizz(梅花雪)
我是用
document.activeElement.tagName.toLowerCase()!="textarea"
来判断textarea控件的,可是页面上有多个textarea,
我只想在其中一个textarea中屏蔽此function,请问该如何做???
更麻烦的是另外有个hidden的textarea,除了属性是readonly外,其他属性和此textarea完全相同,请问又该如何实现???
4楼
使用onfocus,onblur事件作函数开关
<body>
<script language="JavaScript">
function disablefun()
{
window.myfun = null;
}
function enablefun()
{
window.myfun = function()
{
showid.innerHTML += "i"m active<br>";
};
}
function myfun()
{
showid.innerHTML += "i"m active<br>";
}
</script>
<form method="get" name=search id=search target="_blank">
每次键入内容均触发myfun函数<br>
<textarea name="txa" rows="5" cols="20" onkeydown="if(myfun)myfun()"></textarea>
<hr>
<br>
每次按键均不触发myfun函数(聚焦时失效,失焦时有效)<br>
<textarea name="txa" rows="5" cols="20" onfocus="disablefun()" onblur="enablefun()" onkeydown="if(myfun)myfun()"></textarea>
</form>
<div id=showid>
</div>
</body>
就是使这个function失效,移出焦点后重新使其有效,请问该怎样实现???
1楼
在你的那个函数里通过 document.activeElement 得到当前网页聚焦的那个控件, 判断这个若是这个 textarea 则跳出不执行本函数
2楼
楼上正解,向meizz学习
3楼
to meizz(梅花雪)
我是用
document.activeElement.tagName.toLowerCase()!="textarea"
来判断textarea控件的,可是页面上有多个textarea,
我只想在其中一个textarea中屏蔽此function,请问该如何做???
更麻烦的是另外有个hidden的textarea,除了属性是readonly外,其他属性和此textarea完全相同,请问又该如何实现???
4楼
使用onfocus,onblur事件作函数开关
<body>
<script language="JavaScript">
function disablefun()
{
window.myfun = null;
}
function enablefun()
{
window.myfun = function()
{
showid.innerHTML += "i"m active<br>";
};
}
function myfun()
{
showid.innerHTML += "i"m active<br>";
}
</script>
<form method="get" name=search id=search target="_blank">
每次键入内容均触发myfun函数<br>
<textarea name="txa" rows="5" cols="20" onkeydown="if(myfun)myfun()"></textarea>
<hr>
<br>
每次按键均不触发myfun函数(聚焦时失效,失焦时有效)<br>
<textarea name="txa" rows="5" cols="20" onfocus="disablefun()" onblur="enablefun()" onkeydown="if(myfun)myfun()"></textarea>
</form>
<div id=showid>
</div>
</body>
相关文章
- javascript 基础_JavaScript高级编程
- 编写js程序实现n的阶乘_javascript矩阵算法
- 前端测试题:(解析)下列不属于JavaScript基本数据类型的是
- JS跳转代码_js中跳转页面路径
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- 初识js中的闭包_Js闭包中变量理解
- JavaScript——数据类型
- 【尚硅谷】JavaScript基础&实战丨JS入门到精通_01-06
- js中四舍五入的方法_JS取整
- js漂浮广告代码_JavaScript上传文件代码
- 【JavaScript运行原理之V8引擎】V8引擎解析JavaScript代码原理
- 如何使用jscythe并通过Node.js的Inspector机制执行任意JS代码
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- Node.js新手必须知道的4个JavaScript概念详解架构师
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- Ember.Js v2.14.0-beta.1 发布,一个JavaScript框架详解编程语言
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- JavaScript实现Oracle数据库连接与操作(js怎么连接oracle)
- 数据库JavaScript 的 Oracle 数据库连接技术简介(js如何连接oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- [js]javascript与剪贴板交互
- javascript[js]获取url参数的代码
- [js]用JAVASCRIPT正则表达式限制文本字节数的代码
- Javascript更新JavaScript数组的uniq方法
- 编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
- 初学js者对javascript面向对象的认识分析
- 预加载css或javascript的js代码
- Package.js现代化的JavaScript项目make工具
- javascript分页代码实例分享(js分页)
- js(JavaScript)实现TAB标签切换效果的简单实例
- javascript(js)的小数点乘法除法问题详解
- 利用javascript实现全部删或清空所选的操作
- javascript自定义函数参数传递为字符串格式
- JavaScript实现的石头剪刀布游戏源码分享