第一次写js代码,求助

guard_of_soul guard_of_soul 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
初接触js。想实现一个简单功能(ps,还没想jquery。。):当textarea获得焦点,在div(id=“d”)显示当前输入字数, 当textarea失去焦点,隐藏
但是,获得焦点时,div木有显示显示想要的文本。。。


<head>
<title>--!</title>
<script type="text/javascript">
/*
*当textarea获得焦点,显示当前输入字数
*当textarea失去焦点,隐藏
*/


//获得焦点,显示
function show_count(){
var mydiv = document.getElementById("d");
var max = 90;
var count = document.getElementById("area1").value.length;
if(mydiv.value ==""||mydiv.value ==undefined)
mydiv.innerHtml =count +"/" + max;
mydiv.style.display = "block";
}

//失去焦点,隐藏
function hidden_count(){
document.getElementById("d").style.display = "none";
}

//textarea域改变,改变div文本
function word_count(){
var mydiv = document.getElementById("d");
var max = 90;
var count = document.getElementById("area1").value.length;
if(count<max)
mydiv.innerHtml = count +"/" + max;
else
document.getElementsByTagName("textarea")[0].value = document.getElementsByTagName("textarea")[0].value.substr(0,max);
}

function load(){ var text = document.getElementsByTagName("textarea")[0];
//请空
text.value = "";
text.focus();
}
</script>
<style type="text/css">
#d{
display: none;
position: absolute;
width: 50px;
height: 14px;
color: black;
background: yellow;
}
</style>
</head>
<body>
<form>
<textarea onfocus="show_count()" onblur="hidden_count()"
onload="load()"
onpropertychange="word_count()" cols="60" rows="8" id="area1">123</textarea>
<div id="d">mxl</div>
</form>
</body>
</html>
...全文

相关推荐

javascript中直接写php代码的方法

一、在javascript中嵌入php代码javascript若是通过js文件包含进来的,那么js文件中也可以直接写php代码,只不过包含js文件是扩展名要改成php,如: 代码如下:[removed][removed]二、javascript函数参数的默认值c语言中可以通过这样来设置默认参数: 代码如下:void foo(int a, int b = 1, bool c = false);但是javascript却不能这样:newGame : function(a, b = 0)ie和chrome会报错,ff会直接忽略。我们可以用arguments只

weixin_38595356

js代码高亮显示 JavaScript代码高亮 jsp

js代码高亮显示 JavaScript代码高亮 jsp js代码高亮显示 JavaScript代码高亮 jsp

kevinlocn

Highlight.js是一个用JavaScript写的代码高亮插件

Highlight.js 是一个用 JavaScript 写的代码高亮插件,在客户端和服务端都能工作。它适用于几乎任何标记,不依赖于任何框架,并具有自动语言检测功能。

weixin_39840914

javascript实现tabs选项卡切换效果(自写原生js)

现在的页面上有许多各种各样的页面效果,常用的有弹出层效果,无缝滚动效果,选项卡切换效果。今天分享一款自己用原生javascript写的选项卡切换效果,由于本人水平有限,如有问题请指出。 效果图如下:  html代码: 代码如下: &lt;!DOCTYPE HTML> &lt;html lang=”en-US”&gt; &lt;head&gt; &lt;meta charset=”UTF-8″&gt; &lt;title&gt;js-tabs&lt;/title&gt; &lt;link rel=”stylesheet” type=”text/css” href=”css/base.css” media=”all”/&gt; &lt;style type=”text/css”

weixin_38570278

JS和HTML和JAVAScript写的打字小游戏 .html

JS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .html

王大师王文峰
评论 4
收藏 已收藏
分享
返回顶部
guard_of_soul
JavaScript 87,984 成员 224,681 内容