在textarea中屏蔽js的某个function的javascript代码
所属分类:
网络编程 / JavaScript
阅读数:
202
收藏 0赞 0分享
有一个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>
Vue-Cli项目优化操作的实现
这篇文章主要介绍了Vue-Cli项目优化操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0赞 0分享
vue 全局环境切换问题
小编在开发使经常会碰到全局切换问题,今天小编给大家带来一篇教程给大家介绍vue 全局环境切换问题,感兴趣的朋友一起看看吧
收藏 0赞 0分享
element-ui 本地化使用教程详解
这篇文章主要介绍了element-ui 本地化使用教程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0赞 0分享
在Vue项目中,防止页面被缩放和放大示例
今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例,具有很好的参考 价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享
vue h5移动端禁止缩放代码
今天小编就为大家分享一篇vue h5移动端禁止缩放代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享
Vue 3.0双向绑定原理的实现方法
这篇文章主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
查看更多