代码之家 › 专栏 › 技术社区 › thotheolh

在重置之前,JavaScript会显示一小段时间

preventdefault html javascript

thotheolh · 技术社区 · 7 年前

我试图使用一个超链接将一些HTML数据插入到div标记中,该超链接在单击超链接时调用Javascript函数。

HTML数据工作,我希望显示的项目出现,但执行后立即消失。

代码如下:

<div id="doHere"></div>
<p>Toggle <a href="" onclick="toggle()">HERE</a> !!!</p>
<script>
  function toggle() {
    // event.preventDefault(); // Does not work on Firefox
    document.getElementById('doHere').innerHTML = '<ol><li> Test test </li></ol>';
    // return false; // Not working on both Chrome and Firefox
  }
</script>

如何确保编辑的HTML是永久性的?

3 回复 | 直到 7 年前

Dananjaya Ariyasena 7 年前

尝试使用“#”值作为 href

<div id="doHere"></div>
<p>Toggle <a href="#" onclick="toggle()">HERE</a> !!!</p>
<script>
  function toggle() {
    // event.preventDefault(); // Does not work on Firefox
    document.getElementById('doHere').innerHTML = '<ol><li> Test test </li></ol>';
    // return false; // Not working on both Chrome and Firefox
  }
</script>

Komal 7 年前

使用 javascript:void(0); 在里面 href

<html>
    <body>      
        <div id="doHere"></div>        
        <p>Toggle <a href="javascript:void(0);" onclick="toggle()">HERE</a> !!!</p>        
        <script>
            function toggle() {
                document.getElementById('doHere').innerHTML = '<ol><li> Test test </li></ol>';
            }
        </script>
    </body>
</html>

推荐文章

Matthew Gertner · 无法阻止“touchmove”在iOS上滚动窗口

7 年前

Joeytje50 · 为什么在Chrome[复制]中使用preventDefault将<select multiple>框滚动到顶部

7 年前

user9127206 · Javascript-事件不能与其他事件一起使用

7 年前

Christoffer Corfield Aakre · 无法使用jQuery选择元素

8 年前

Tarik Kaoukab · 事件preventDefault()不工作

9 年前

user2132498 · 在具有动态值的函数上使用的变量不允许我通过ajax发送表单

10 年前

christophe · 在下拉菜单中的输入字段上停止点击事件(AngularJS过滤器元素)

11 年前

jerrygarciuh · 访问锚点属性和event.prventDefault()

11 年前

Michael · event.prventDefault();在Firefox中不停止鼠标滚轮

13 年前