示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dynamic Link</title>
</head>
<body>
<input type="text" value="http://www.example.com/" id="input">
<a href="http://www.example.com/" id="link">Linked text</a>
<script>
var link = document.getElementById('link'),
input = document.getElementById('input');
link.onclick = link.oncontextmenu = link.onmousedown = function () {
this.href = input.value;
};
</script>
</body>
</html>
onclick
:在左键单击和键盘焦点 + 上调用 输入oncontextmenu
:在右键单击和键盘上下文菜单上调用onmousedown
:在 Firefox/IE 中单击鼠标中键并在链接拖动到地址栏时调用
问题:
- 是否有任何其他方法可以导航到链接的 URL - 为了完美的可访问性我忘记介绍了?
- 我可以减少事件的数量还是必须全部使用它们?
最佳答案
您可以使用 'onblur' 事件来更改链接的 href。
var link = document.getElementById('link'),
input = document.getElementById('input');
input.onblur = function () {
link.href = this.value;
};
关于javascript - 在动态链接上调用的最少事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24041976/