te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - onmouseover doesn't work, function is not defined - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - onmouseover doesn't work, function is not defined - Stack Overflow

    javascript - onmouseover doesn't work, function is not defined - Stack Overflow

    programmeradmin3浏览0评论

    I have an icon which needs to put the password_field that it is in to a textfield and vise versa.

    <i class="password_icon fa fa-unlock" aria-hidden="true" onmouseover="mouseOverPassword()" onmouseout="mouseOutPassword()"></i>

    But when I hover over the icon it says that:

    Uncaught ReferenceError: mouseOutPassword is not defined
at HTMLElement.onmouseout ((index):1)

    Even though they are in the .js file that I include:

    function mouseOverPassword() {
    var obj = $("#passworldField");
    obj.type = "text";
}
function mouseOutPassword() {
    var obj = $("#passworldField");
    obj.type = "password";
}'

    The functions are in a $(document).ready function. I can't really find out why it doesn't work. And yes, the .js is included on the page.

    I have an icon which needs to put the password_field that it is in to a textfield and vise versa.

    <i class="password_icon fa fa-unlock" aria-hidden="true" onmouseover="mouseOverPassword()" onmouseout="mouseOutPassword()"></i>

    But when I hover over the icon it says that:

    Uncaught ReferenceError: mouseOutPassword is not defined
at HTMLElement.onmouseout ((index):1)

    Even though they are in the .js file that I include:

    function mouseOverPassword() {
    var obj = $("#passworldField");
    obj.type = "text";
}
function mouseOutPassword() {
    var obj = $("#passworldField");
    obj.type = "password";
}'

    The functions are in a $(document).ready function. I can't really find out why it doesn't work. And yes, the .js is included on the page.

    • javascript
    • jquery
    • html
    Share Improve this question asked Oct 2, 2017 at 11:07 JelmerJelmer 9993 gold badges10 silver badges24 bronze badges 1
    • Good thing to read: stackoverflow./questions/111102/… – user5014677 Commented Oct 2, 2017 at 11:11
    Add a ment  | 

    2 Answers 2

    Reset to default 10

    When the functions are scoped into another one, in your case in the $(document).ready they are not visible directly into the html. You need to bind them via Javascript. Get your element by id or name or something else and attach via that approach.

    <i id="iEl" class="password_icon fa fa-unlock" aria-hidden="true"></i>

...

$('#iEl').on('mouseover', mouseOverPassword);
$('#iEl').on('mouseout', mouseOutPassword);

    Your best way would be to move your functions out of the $(document).ready and define the mouseover event inside of your $(document).ready instead of doing it directly into your HTML.

    $( "#element" ).mouseover(function() {
  mouseOverPassword() 
}

    Same for mouseleave, check the jQuery docs here: https://api.jquery./mouseover/

    Another thing would be to pletely remove you $(document).ready and place your <script src="file.js"></script> to the bottom of your page, just before the </body> closing tag.

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论