Dom学习之设置超链接获取焦点和失去焦点
2016-10-29 22:49
190 查看
知识点:
1、设置链接获取焦点的方法focus()
2、设置链接失去焦点的方法blur()<html>
<head>
<style type="text/css">
a:active {color:green}
</style>
<span style="background-color: rgb(255, 204, 51);"><script type="text/javascript">
function getfocus()
{document.getElementById('myAnchor').focus()}
function losefocus()
{document.getElementById('myAnchor').blur()}
</script></span>
</head>
<body>
<a id="myAnchor" href="http://www.w3school.com.cn">访问 W3School.com.cn</a>
<br /><br/>
<input type="button" onclick="getfocus()" value="获得焦点">
<input type="button" onclick="losefocus()" value="失去焦点">
</body>
</html>
1、设置链接获取焦点的方法focus()
2、设置链接失去焦点的方法blur()<html>
<head>
<style type="text/css">
a:active {color:green}
</style>
<span style="background-color: rgb(255, 204, 51);"><script type="text/javascript">
function getfocus()
{document.getElementById('myAnchor').focus()}
function losefocus()
{document.getElementById('myAnchor').blur()}
</script></span>
</head>
<body>
<a id="myAnchor" href="http://www.w3school.com.cn">访问 W3School.com.cn</a>
<br /><br/>
<input type="button" onclick="getfocus()" value="获得焦点">
<input type="button" onclick="losefocus()" value="失去焦点">
</body>
</html>
相关文章推荐
- 2.7学习内容 listview中item焦点获取顺序设置
- 【转】EditText获取焦点不自动弹出键盘设置--失去焦点的方法,不错
- <javascript学习笔记> 设置和获取dom的css样式 、获取url参数
- EditText设置失去焦点和重新获取焦点
- JavaScript学习——DOM获取和设置属性
- JQuery学习笔记之获取焦点和失去焦点事件
- EditText焦点的失去与获取,Edittext常用监听设置
- Android学习札记45:在TextView中设置超链接
- ListView 失去焦点时的设置
- 设置Flex在加载应用的时候获取焦点
- 黑马程序员_学习日记60_706Dom2(事件冒泡、this、动态创建Dom、innerHTML、动态设置样式)
- [学习记号 - MVVM] 在子窗体中给控件设置焦点(focus)
- TextBox.PasswordChar 获取焦点显示可见密码,失去焦点密码不可见
- 在控件获取或失去焦点后,控件背景色改变
- Silverlight Textbox在失去焦点之前无法获取到Text值的解决办法
- TextBox获取焦点清空文本,失去焦点回复文本
- Flex 学习笔记 页面初始化设置TextInput焦点失败问题
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- Jquery文本框失去和获取焦点变色
- UI学习之点击或聚焦 或失去焦点的时候变换样式